建站历程——任投票 toupiao.org

点此进入该站

一直想尝试着弄个可以实现注册登录,并有有趣功能的网站,最后决定从投票网站开始,现在专注于投票这一个功能的成功网站不多,我也只是想试着做一下,便有了网站——任投票 pollren

  • 2015年5月5日:注册了这个网站域名:poll.ren,本来想弄一个其他的后缀,但好的都没了,poll.ren任投票也不错~
  • 2015年7月某日:刚刚高考完,放假尝试着弄了一下,学了些php,在freedom.zone上通过php连接数据库,实现了注册登录,做了一个班级的毕业去向表,登录后可查看他人信息或修改个人信息,界面简陋但很有成就感~
  • 2015年9月某日:决定着手尝试任投票,做出来了,实现了注册登录和显示投票,但界面太简陋,决定先找个能用的开源模板,然后改后台的部分。
  • 2015年10月13日:9月21日重新申请备案,把甘肃改山东。山东很慢,今天才好。。
  • 2015年10月某日:找到一个喜欢的简洁模板,然而当天就发现自己学的还差很多,没有js知识,无法实现那个模板的表单值传递
  • 2015年10月19日:只好网上寻人帮助
  • 2015年10月30日:费了很大功夫。。值传递问题终于解决!!
  • 2015年10月31日:用户注册登录及个人主页修改完成!
  • 2015年11月2日:修复完成邀请码问题!
  • 2015年11月4日:在修复资料修改时再次遇到与登录类似问题,决定自己先去抽时间学习javascript,再继续。。
  • 2015年11月23日:又看了看程序,发现网上找的人都是乱改,只要功能实现就行,重新整了下反馈和登录,效果都好了可是每次都验证密码错误,还是有点问题,不过这个能解决,网站后面应该没有太大问题了!
  • 2015年12月8日:实在搞不好提交后的数据接收,果断放弃使用别人的样式,把很早以前的代码拿了出来重新贴上,修了下,虽然不美观,但代码是什么,功能是什么自己都清楚,感觉比改别人代码要很多。
  • 2015年12月9日:继续修改老代码,实现推荐码功能,修了一些小bug
  • 2015年12月12日:优化了一下页面,把查看投票页大体实现,但还不能投票
  • 2016年1月1日:元旦前实现了全部功能!
  • 2016年1月2日——2016年3月9日:同学说界面太单调,从网上找UI前台设计,花了大价钱修改。这下又要重写后台了。
  • 2016年3月9日:改完后内容繁琐,好多之前用的现在不需要的语句没有删去,开始对前台代码简单修改
  • 2016年3月10日:从自己的主页到别人的主页还有很多问题,今天修好了。
  • 2016年3月11日:给个人主页加一个设置是否资料可见的按钮。
  • 2016年3月12日:加入按钮功能,以及其与数据库的连接。
  • 2016年3月14日:发现注册还有问题,进行修复
  • 2016年3月16日:修改投票时的显示,网上找了加载图标点投票时变成这个图标
  • 2016年3月17日:图书馆借mysql书写了一些触发器,改了部分后台数据库代码。被投票的ajax纠结了一下午一晚上,不过总算解决了!剩下时间改了个下拉菜单
  • 2016年3月18日:投票功能修改完善
  • 2016年3月19日:做一个查看单个投票的页面,主要可以看评论,修改了投票页面,把背景图片去了,加了border等一些元素
  • 2016年3月27日:去图书馆自习,自习到一半又想写写网站,修改了一下投票页,写了一个showclass的通用php方法,这样以后加投票分类稍微方便点,把所有标签初始化放到主css,这样比较规范而且以前登录后昵称下有白条的小bug也没了。
  • 2016年3月28日:写了搜索页面的大体框架,又修改了一些整体的css
  • 2016年3月29日:在别的宿舍的大屏笔记本上打开网站发现有些错位,有些显示图片后只有左侧有图,右侧被蓝色填充,给每个背景加限定宽度的max-width后,把两边剩下的区域设置为淡蓝色,布局恢复正常
  • 2016年3月31日:实现了搜索页面,但目前只能通过数字id搜索,因为觉得文字匹配查询时间会很长,以后看看有没有什么优化的办法。修改了一些文字内容,以及忘记密码刷新重复发送的漏洞,重新激活邮件的漏洞。
  • 2016年4月13日:接受post的各种submit.php发现了好多后台未进行二次验证的大bug,学了java传post给php,才清楚绕过前台很简单,赶紧加上了所有后台二次验证。
  • 2016年4月14日:本来想用ajax做分页,但发现get传递值反而更方便,实现了投票页的分页功能
  • 2016年4月17日:发现了美图秀秀提供api,非常好用也非常方便,果断选用,实现前台兼容显示
  • 2016年4月26日:前几天同学认识的学长看了下网站,后台验证太少漏洞还是太多,又各种修修补补。顺便修改了下前台不规范多余的div代码
  • 2016年4月28日:开始设计评论模板,写好点击后出现评论的下拉菜单,以及二次点击的情况
  • 2016年5月8日:美化头像修改功能,修改初始默认头像。稍微改了一下投票页,三部分采用了display:table的模式,两侧的投票人数和投票相关信息得以垂直居中(diplay:table table-row table-cell非常好用,可惜有些浏览器不支持)
  • 2016年5月9日:继续美化投票页,使投票选项较整齐显示,但显示自己所投选项的颜色样式觉得怎么都不好
  • 2016年5月10日:投票排序功能实现
  • 2016年5月11日:初步实现等级功能,分了21个等级~但经验增加还没测试,不知道有没有什么问题。
  • 2016年5月15日:加入我的等级页面,待进一步美化
  • 2016年5月16日:修改看他人主页时可直接查看投票结果的问题
  • 2016年5月19日:后台投票分类整合完成,修复主页头像显示错误,等级显示错误的问题
  • 2016年5月24-26日:设计投票评论样式并完成。
  • 2016年5月30日:完成评论内容从数据库的读取与显示
  • 2016年6月4日:实现第一个评论框的内部功能,实现@用户id显示昵称并链接到其个人主页的功能,想了半天方法,最终决定用户@时读取昵称,然后@用户id#用户昵称#如此保存,到前台显示时再进行组织筛选
  • 2016年7月18日:好久没动网站了,改了下指定投票页的标题和关键词,主要是动态的,不知道对收录有没有帮助。还把投票页面由名称poll改为list
  • 2016年8月29日:完成修改横版前台代码,美化简化
  • 2016年10月19日:修改@media判断,避免手机端自动随意转换

建站期间遇到的各种问题及解决方法

  • 验证码如何自动改为大写?

    用样式表即可搞定。
    <input style="text-transform: uppercase;" name="T1" size="20" type="text" />

  • 如何生成邀请码?

    打算将每个id提出每个位的数字,再通过不同算法生成对应的ASCII码,转换利用php的chr和ord函数
    例子:
    使用chr()函数和ord()函数进行字符串与ASCII码之间的转换,程序代码如下:
    $str1=chr(88);
    echo $str1; //返回值为X
    echo "\t";
    $str2=ord('S');
    echo $str2; //返回值为83
    ?>
    运行结果:X 83

  • php查询数据库记录数?

    函数mysql_num_rows(执行结果语句)便可实现

  • 判断是否登录,没登录则跳转?

    if($_SESSION['user'] == ""){
    echo "<script language=\"JavaScript\">
    location='http://www.poll.ren/login';
    </script>";

  • 设置mysql自动更新初始值?

    alter table table_name AUTO_INCREMENT=n

  • mysql_query($sql)无法成功?

    当$sql只包含一句mysql语句,就好了。多了会报错

  • 如何在mysql原有数据上修改?

    增加字符串用update table_name set XXX=concat(XXX,YYY) where ZZZZZ
    数字增加update table_name set XXX=XXX+1 where ZZZZZ

  • 2015年11月19日:能否删除数据库token列精简数据库?

    可以,每次通过特定公式计算出verify的值,然后与传入值判断,便可免掉每次从数据库查询的麻烦。

  • 2015年11月23日:如何使图片具有链接效果?

    小问题,直接在图片的img标签外套上a标签就好。。。居然没想到!!

  • 2015年12月9日:如何是table表格居中?

    直接整体套一个center就好!

  • 2015年12月12日:如何是避免多次提交?

    先写一个javascript:<script language="javascript">
    function submitonce(registration){
    if(document.all||document.getElementById){
    for(i=0;i<registration.length;i++){
    var tempobj=registration.elements[i];
    if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")
    tempobj.disabled=true;
    }
    }
    }
    </script>

    然后表单这么引入:<form name="registration" action="submit.php" method="post" onSubmit="submitonce(this)">
    就可以了!

  • 2015年12月12日:将年月日时分的时间在php中显示为年月日,去掉时和分?

    echo date("Y-m-d",strtotime("2014-05-05 16:05:32"));用这句php就行!

  • 2015年12月14日:如何设置导航栏点击后改变class?

    百度了半天没收获,后面想到了一种方法,用php判断再输出就可以轻松实现!!

  • 2015年12月21日:jquery后台提交后还会自动刷新?

    把submit按钮改为button就好了,submit还会自己再提交一遍

  • 2015年12月24日:mysql如何复制内容到结构相同的表?

    1、表结构相同的表,且在同一数据库(如,table1,table2)
    sql:insert into table1 select * from table2 (完全复制)
    insert into table1 select distinct * from table2(不复制重复纪录)
    insert into table1 select top 5 * from table2 搜索(前五条纪录)
    2、不在同一数据库中(如,db1 table1,db2 table2)
    sql:insert into db1..table1 select * from db2..table2 (完全复制)
    insert into db1..table1 select distinct * from db2table2(不复制重复纪录)
    insert into tdb1..able1 select top 5 * from db2table2 (前五条纪录)

  • php连接字符串无法实现?

    习惯了+=,在php中,字符串是.=

  • 2016年3月10日:之前页面不居中,限定了宽度为1440px,去掉后手机又错位?

    可以用css的@media 限定,对分辨率较小的单独加width:1440px;

  • 2016年3月11日:鼠标移到元素后,如何变化?

    修改cursor的样式

  • 2016年3月11日:图片按钮点击后如何变化?

    将所有按钮样式保存在一个图中,用margin-top=-10px;的方法设置显示的区域,其他区域用overflow:hidden;隐藏,然后用jquery点击时移动图片的显示区域。

  • 2016年3月11日:十进制数如何转化为二进制?

    string decbin(int),这样方便保存用户资料是否对外公开。(二进制转十进制:int bindec(string))

  • 2016年3月11日:在数据库里存了一个二进制bit数据,但读取不到?

    数据结构:create table an_bit (id bit(8));
    插入二进制数据:insert into an_bit values (b’11′);(11为二进制数)
    插入十进制数据:insert into an_bit values (11);(11为十进制)
    读取二进制数据:select bin(id+0) from an_bit;
    读取十进制数据:select id+0 from an_bit;
    这样什么也读不到:select * from an_bit;(我最初这样写的,找错误找了好久)

  • 2016年3月14日:注册第一个页面完成后,我用.html()改变了内容,又加载了填写详细资料,但这一页的按钮以及日期js特效都消失了?

    在一个测试页面写入html()新改变的内容,js加载了,原来是js只绑定第一次,那就在第一个页面加入隐藏的第二个页面的内容,然后.html()改变换成.css('display','inline')进行显示,就可以一开始带着js加载了。

  • 2016年3月17日:如何同时修改不同记录行的数据?

    代码:UPDATE mytable
    SET myfield = CASE id
    WHEN 1 THEN 'value'
    WHEN 2 THEN 'value'
    WHEN 3 THEN 'value'
    END
    WHERE id IN (1,2,3)

  • 2016年3月17日:ajax始终执行不了success?

    传入的submit.php含有一句select数据库查询,可能传过来输出了什么,去掉这句就好了!

  • 2016年3月19日:里面的div怎么撑开外面的div让高度自适应?

    在浮动的容器后面,父容器结束之前加入一个div
    代码代码如下:
    <div class="fuji"><ul><li>内容1</li><li>内容1</li>;</ul><div class="clearfloat"></div></div>
    .clearfloat{clear:both;height:0;line-height: 0px;}

  • 2016年3月31日:div里英文不自动换行?

    css代码中加上这行:word-wrap:break-word; 即可

  • 2016年3月31日:如何用php设置cookie,为什么有警告提醒?

    设置cookie:setcookie('mycookie','value');
    获取cookie:$_COOKIE['mycookie']。
    和session开启一样,cookie的设置也要放在html头前,并且不能有输出,否则会有警告。

  • 2016年4月13日:mysql语句正确,总是提示mysql_fetch_row()提供的资源错误?

    太疏忽,忘记语句mysql_select_db()选择数据库!!

  • 2016年5月8日:iframe中使用jquery如何改变父页面的标签属性?

    1、在iframe中查找父页面元素的方法:
    $('#id', window.parent.document)
    2、在iframe中调用父页面中定义的方法和变量:
    parent.method
    parent.value

  • 用户修改头像覆盖原图后,如何用jquery刷新头像?

    修改src,在src后加?+Math.random(),这样可以实现链接变化使浏览器重新载入图片

  • strlen()函数判断中文不是按一个一个算?

    不是,如果是utf8,那么会按三位算

  • 2016年5月26日:jquery用完after或append添加的新元素无法绑定事件?

    其实很简单,把需要绑定的事件整体移到append或after方法后,加新元素的同时便会绑定事件否则事件会先加载找不到元素

  • php的preg_match函数只能匹配一次?

    还有一个preg_match_all函数,由于支持同时多个匹配模式,所以结果为二维数组

  • 2016年7月18日:重置mysql_fetch_array的指针,重新使用结果资源?

    有个函数mysql_data_seek(改变指针的资源,0),0为重置指针到开头

  • 2016年8月23日:jquery生成的html标签如何也绑定事件?

    $('body').on('click','(jquery选择器)',function),这样既可

  • 2016年9月12日:json_encode输出的数据用json_decode返回null?

    返回应该是个对象,需要分配个变量然后$a->这样调用

  • 2016年9月17日:使用pdo创建增删改查方法,总是500错误?

    创建一个测试页面挨个检查,结果发现方法调用了方法外的变量,方法传递参数时,前几个参数必填,不能什么也不留,之前觉得定义方法给个默认值就好,结果发现在前面的还是必须要传值

  • 2016年10月16日:使用百分比布局,带border后会自动加长度导致换行?

    设置:box-sizing: border-box便可解决

  • 2016年10月19日:max-device-aspect-ratio设置为1,css无法加载?

    要想比例为1,需写1/1

  • 2016年10月26日:div如何不用float显示在同一行?

    inline-block是个好东西!

  • 2016年11月14日:rewrite如何带上get值

    %{QUERY_STRING}这个很棒!直接加上&%{QUERY_STRING}即可!

  • 2017年1月9日:利用letter-spacing设置字间距后无法居中?

    利用text-indent设置相同大小即可修正

  • 2017年2月13日:php首次设置cookie无效?

    整个php文件执行完毕才会设置完成cookie

  • 2017年3月9日:jquery slide滑动会出现闪烁?

    在网上搜了很多,有的说改html头规范,有的用animate,有的说别用position,都没什么办法,我是用了position,但以前没有这种情况,所以解决办法一定是有的。我便自己通过浏览器逐个标签删除查询错误,在一个relative下的正常位置元素,没有规定宽度且用了padding边距,把padding换为百分比的margin,再将剩下的宽度百分比设置为这个元素的width,便可解决。

  • 2017年6月12日:inline-block 50%以后还是会换行?

    注意两个inline-block的元素间在代码中别出现换行就可以

  • 2017年9月16日:on冒泡绑定click事件,一次点击两次触发?

    该事件在另一个on click内部,应通过.off('click','.test').on('click','.test')解除后绑定