长 春 大 学 课程设计纸
的要供浏览者浏览。所以整个网站系统应注重的是：易导航性、易操作性和友好的交互界面。因此，网站的设计最好要简洁、明了、格调清新、实
┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
用、易于使用和维护。在页面的风格上应保持统一，这里采用CSS样式表将所有页面的字体、字号、颜色以及超链接的样式做统一定义。 4.2 前台功能模块的实现
整个系统分为了前台功能模块和后台功能模块。下面详细讨论主要的几前台功能模块分为用户管理模块、订单查询模块、购物车模块、修改个人资料模块、留言板模块5个部分。前台首页主要有以下几个部分：
（1）网站导航：主要用户显示网站的旗帜广告、各功能模块导航； （2）用户登录：用户在此注册、登录或找回密码； （3）商品分类搜索：用户按商品类别进行搜索显示； （4）销售排行榜：按照商品的销售数量显示销售排行信息； （5）商品展示区：按后台添加商品的时间顺序展示商品； （6）友情链接：显示友情链接信息；
（7）后台登录入口：管理员可以通过该入口登录后台。 首页运行结果如图4.1所示。
个功能模块的程序实现。在每个模块的介绍中，将具体说明一些涉及要点。
图 4.1 首页运行结果
共 45 页 第 16 页
长 春 大 学 课程设计纸
4.2.1 用户管理模块
┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
用户管理模块主要实现用户的注册、登录、找回密码等功能。 （1）用户注册
当用户第一次登录时首先要在网站上注册，成为会员用户才可以在网
站上购物，注册页面必须填写一些用户的基本信息，如用户名、密码、联系电话等信息。要注意的是，在用户注册页面user/index.htm中用户自定义JavaScript检验用户注册信息不允许为空。
用户注册页面user/index.htm如图4.2所示。
图 4.2 用户注册页面运行结果
为了便于网站对用户的管理，在index.htm用户注册页面接收到的注册信息要经过严格的过滤，保证注册用户名的唯一性，在提交表单后需要对数据表中的数据进行查询，如果没有找到，则在插入数据表时提示注册成功，否则提示此用户已被占用请重新注册。
用户注册的流程图如图5.3所示。
共 45 页 第 17 页
长 春 大 学 课程设计纸
开 始 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
注册失败 接收注册信息 数据是否为空 否 是 两次密码是否一致 否 查询数据库 是 是 用户名是否被占用 否 注册成功 结 束
图 4.3用户注册系统流程图
（2）用户登录
用户登录窗口设置在首页上，主要用来接收用户录入的用户名及密码。单击“注册”按钮时，会提交到user/index.htm页面执行；单击“登录”按钮时，系统将对输入的用户名和密码进行验证，如果数据表中用户名和密码存在就显示登陆成功，并返回首页，否则弹出错误提示信息。
用户登录的流程图如图4.4所示。
共 45 页 第 18 页
长 春 大 学 课程设计纸
开 始 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 装 ┊ ┊ ┊ ┊ ┊ 订 ┊ ┊ ┊ ┊ ┊ 线 ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
接收登录信息 登录失败 查询数据库 否 数据是否正确 是 登录成功 结 束
图 4.4 用户登录系统流程图
（3）找回密码
当密码以外丢失会给用户带来不必要的麻烦，重新注册一个新的用户即浪费了时间，也浪费网站的资源，如果用户只记住自己注册的用户名及电子邮箱名并提供密码提示的问题和答案就可以找回密码。找回密码页面user/pass.htm如图4.5所示。
图 4.5找回密码页面运行结果
用户单击“查找”按钮，系统会将伤表中所示的数据表单提交到user/res.jsp中。user/res.jsp页用来验证提交过来的四个条件是否完全符合数据库中的查找条件，只有符合才能显示密码结果，否则弹出“你输入信息有误”的提示对话框。
4.2.2 个人资料修改模块
共 45 页 第 19 页
相关推荐：
loading