实现要点:
- 包含单行多行文本域、单选框、复选框
- 包含日期控件
- 包含图片上传功能
- 包含验证码
- 包含md5加密
- 包含省市联动
由于老师给的一些控件都是asp的,而sqlserver实在太大,不想装,于是采用了非常奇怪的组合,asp+mysql,后来被同学说这样实在不靠谱,哎,等有空把他转成jsp+mysql吧~~~
本节内容非常简单,数据库的构建,和一些简单的注册信息。
- 数据库构建:建立数据库test,表web,gbk编码,gbk_chinese_ci,否则会出现乱码,详情可以参考这里,数据项按照图中设置
- 本节只用到ID,NAME,PASSWORD,EMAIL,FAVOR,INTRODUCE这几项,初步框架如下面代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>注册</title> </head> <body> <form name="form1" id="form1" method="post" > <table width="800" border="0" cellpadding="0" cellspacing="0" class="ad" id="testTable"> <tr > <td align="right" width="150px" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> 用户名 : </td> <td align="left" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> <input NAME="username" TYPE="text" ID="username" MAXLENGTH="20" /> </td> </tr> <tr > <td align="right" width="150px" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> 密码 : </td> <td align="left" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> <input NAME="password" TYPE="password" ID="password" MAXLENGTH="16"/> </td> </tr> <tr > <td align="right" width="150px" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> 密码确认 : </td> <td align="left" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> <input TYPE="password" NAME="password2" ID="password2" /> </td> </tr> <tr > <td align="right" width="150px" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> 邮箱地址 : </td> <td align="left" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> <input NAME="email" type="text" ID="email" MAXLENGTH="50" reg="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$" /> <!--正则表达式,此处不详述--> </td> </tr> <tr > <td align="right" width="150px" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> 爱好 : </td> <td align="left" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> <input NAME="favor1" TYPE="checkbox" ID="favor1" VALUE="体育" />体育 <INPUT NAME="favor2" TYPE="checkbox" ID="favor2" VALUE="音乐" />音乐 <INPUT NAME="favor3" TYPE="checkbox" ID="favor3" VALUE="读书" />读书 </td> </tr> <tr > <td align="right" width="150px" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> 自我介绍 : </td> <td align="left" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> <textarea NAME="remark" ID="remark" COLS="60" ROWS="8"></textarea> </td> </tr> <input type="hidden" name="newlocation" maxlength=12 size=12 style="font-weight: bold"> <tr > <td colspan="2" align="center" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;"> <input type="submit" name="submit" value=" 提交 " id="submit" /> </td> </tr> </table> </form> </body>
- 初步的模型已经搭好,后来就需要连接数据库,将数据存入数据库中,首先建立一个通用的连接规则,命名为coon.asp
<% ConnStr="Driver={MySQL ODBC 5.1 Driver}; Server=localhost; Database=test; UID=root; PWD=; Option=3;Stmt=Set Names 'GBK'" 'MySQL ODBC 5.1 Driver 根据各自mysql型号不同 'database 设置自己的数据库名 'uid mysql的登录名 'pwd mysql的密码,无时,不填 'stmt 防止asp与mysql连接出现乱码 Set conn=Server.CreateObject("ADODB.Connection") '创建一个连接对象 conn.open ConnStr '打开 %>
- 此时,我们已经创建了一个通用连接字符串,接着就要将我们在表单中输入的数据存到mysql中,我们创建一个regAction.asp来专门处理注册行为,首先,我们需要在register.asp中修改代码,位于11行
<form name="form1" id="form1" method="post" action="regAction.asp">
- 创建regAction.asp文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>regAction</title> <!--#include FILE="coon.asp"--> <!--引入数据库连接文件--> <script language="javascript"> alert("注册成功"); </script> <% dim uname,passwd,email,favor,introduce uname = request.Form("username") passwd = request.Form("password") email = request.Form("email") favor = request.Form("favor1") +" " + request.Form("favor2") + " " +request.Form("favor3") introduce = request.Form("remark") dim sql,rs sql = "select * from web" '向web表中存入数据,先获得列值 set rs = server.CreateObject("adodb.recordset") '创建记录集 rs.open sql,conn,1,3 '记录集用sql语言打开,修改并可新增 rs.addnew '新增一条记录 rs("name") = uname rs("password") = passwd rs("email") = email rs("favor") = favor rs("introduce") = introduce rs.update '更新 %> <script language="javascript"> alert("注册成功"); </script> <% rs.close '关闭字符集 set rs = nothing %> </head> <body> </body> </html>
- 至此,我们已经完成了注册的一部分内容,数据也成功写入数据库,文件可在这里打包下载,仅供参考.
- PS:asp需要自建iis站点,如何建立,可以先问度娘,如果有时间,我也会补一份