第五章 系统的具体实现
第五章 系统的具体实现
5.1 前台购物系统的实现
首先，进入首页。
图5-1 前台购物系统的实现
5.1.1 用户注册
当用户进入首页后，可点击左边栏目的注册链接进入注册界面，然后进行用户注册。用户在页面中输入个人注册信息，包括用户名、密码、性别、联系电话、收货地址等，然后点击注册按钮，若输入的注册信息通过系统审核，则注册成功，该用户信息将保存到数据表user里；若用户点击清楚按钮，则页面所填的信息清空。用户注册页面如下图5-2所示。
图5-2用户注册页面
注册信息填写要求
19
第五章 系统的具体实现
(1)所有项都不能为空
(2)用户名长度大于两个字符 (3)密码的长度大于6个字符。 (4)两次密码要相同
(5)电子邮件要符合邮件地址格式。
function check() {
if(checkspace(document.userinfo.username.value)) { document.userinfo.username.focus();
alert(\用户名不能为空，请重新输入！\return false; }
if(checkspace(document.userinfo.username.value) || document.userinfo.username.value.length < 2) {
document.userinfo.username.focus(); alert(\用户名长度不能小于2，请重新输入！\return false; }
if(checkspace(document.userinfo.password.value) || document.userinfo.password.value.length < 6) {
document.userinfo.password.focus();
alert(\密码长度不能小于6，请重新输入！\return false; }
if(document.userinfo.password.value != document.userinfo.password1.value) { document.userinfo.password.focus(); document.userinfo.password.value = ''; document.userinfo.password1.value = '';
alert(\两次输入的密码不同，请重新输入！\return false; }
if(document.userinfo.useremail.value.length!=0) {
if (document.userinfo.useremail.value.charAt(0)==\document.userinfo.useremail.value.charAt(0)==\
document.userinfo.useremail.value.indexOf('@', 0) == -1 || document.userinfo.useremail.value.indexOf('.', 0) == -1 ||
document.userinfo.useremail.value.lastIndexOf(\ength-1 ||
document.userinfo.useremail.value.lastIndexOf(\ngth-1)
{
20
第五章 系统的具体实现
alert(\地址格式不正确！\document.userinfo.useremail.focus(); return false; } } else {
alert(\不能为空！\
document.userinfo.useremail.focus(); return false; } }
5.1.2用户登录
用户注册后就可以执行登录操作了。用户在文本框中输入用户名及密码，之后点击登录按钮。若用户填写的登录用户名及密码通过系统验证(即该用户信息在Users表中存在)，则登录成功。
登录信息填写要求：用户名和密码必须填写。
当用户提交自己的登录信息后，从rs.Open \* from [user] where
username='\
，判断用户是否是合法的用户(即有没有注册到数据库里)。如果是合法的用户，则在用户登录以后，将用户的用户名信息存在Session中，以后进行的每一项操作之前，都要看Session中是否为空，如果为空，则表示没有登录，此时要提醒用户进行登录。用户登录代码如下：
图5-4 用户登录界面 <%
dim username,password,comeurl,
username=replace(trim(request.Form(\ password=(replace(trim(request.form(\ if trim(request.form(\ comeurl=\ else
comeurl=trim(request.form(\ end if
if username=\
response.Write \LANGUAGE='javascript'>alert('登录失败！请检查您的登录名和密码！');history.go(-1);\
21
第五章 系统的具体实现
response.end end if
set rs=server.CreateObject(\
rs.Open \* from [user] where username='\and password='\
if not(rs.bof and rs.eof) then
if password=rs(\
response.Cookies(\ rs(\
rs(\ rs.Update rs.Close
set rs=nothing call loginok() else
response.write \LANGUAGE='javascript'>alert('登录失败，请检查您的登录名和密码！');history.go(-1);\
end if else
response.write \LANGUAGE='javascript'>alert('登录失败，请检查您的登录名和密码！');history.go(-1);\
end if
sub loginok() response.Write \size=2>欢迎 \，光临两秒种后将自动跳转到相应页！\
response.redirect comeurl end sub conn.close
set conn = nothing %>
5.1.3图书查询
无论注册用户或普通用户都可以使用此功能。在进入系统首页后，可以按搜索商品按钮，进入商品搜索页面搜索自己想要的图书，即可直接查询图书。可根据关键字，查询范围，价格来查询
图书查询要求
(1)关键字文本框中不能为空。
22
第五章 系统的具体实现
(2)在查询结果显示页面中．提供加入购物车链接。
(3)若查询图书在库存中不存在，给予友好提示，如该商品不存在或缺货。 图书查询页面如图5-5所示：
图5-5 图书查询页面
5.1.4图书选购
用户登录系统后，进入首页或者搜索到自己想要的图书后可以点击详情链接，进入图书详情介绍页面。在该页面下提供了加入购物车链接，可供用户选购中意的图书。购买页面如图5-6所示：
图5-6 图书选购页面
5.1.4.1 加入购物车
当用户点击某一图书的加入购物车链接后，页面跳转到我的购物车页面，期间系统自动将购买的该图书信息添加到购物车，此时可以修改购物的数量。界面如图5-7所示。
23
百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库网上图书商城设计与实现(5)在线全文阅读。
相关推荐：