字段名称 Lname Laddress Ldatetime
数据类型 Varchar Varchar Datetime
长度 50 50 8
是否允许空 否 否 否
是否为主键 否 否 否
字段描述 链接名 链接网址 发布时间
(7) 管理员信息表tb_Admin
管理员信息表tb_Admin主要用于记录管理员的信息。表tb_Admin的结构如表4.7所示。
表4.7 tb_Admin的结构
字段名称 Id Admin Adminpass
数据类型 Int Varchar Varchar
长度 4 30 16
是否允许空 否 否 否
是否为主键 否 否 否
字段描述 管理员ID 管理员名 管理员密码
(8) 公告信息表tb_Affiche
公告信息表tb_Affiche主要用于记录后台调价的公共信息。表tb_Affiche的结构如表4.8所示。
表4.8 tb_Affiche的结构
字段名称 Test Dattime
数据类型 Text Datetime
长度 16 8
是否允许空 否 否
是否为主键 否 否
字段描述 公告内容 公告时间
25
第5章 系统实现
在上一章着重讨论了系统各个模块功能的设计,并详细分析了每一个模块的功能。在本章将具体讨论如何实现功能模块,最终实现整个系统。经过这个阶段的设计工作,应该得出对目标系统的描述,从而在编码阶段可以把这个描述直接翻译成用JSP网页设计语言书写的程序。
5.1 程序设计
本系统设计的网站在设计过程中包含页面(HTML)的设计以及客户端验证机制(JavaScript)的设计。JavaScript也叫小脚本语言,他是一种非常流行的动态网页技术。他不仅能够实现网页的动态效果,而且能够在一定程度上检测网页的错误,从而在一定程度上实现网站的安全。本系统应用服务器端JSP动态网页技术,以及在Serverlet和JavaBean的可重用组件技术的支持下,结合客户端动态网页技术Javascript以及与HTML的无缝结合的设计,从而方便系统的实现[10]。
5.2 系统页面的设计与实现
如果将网站比作一个人的话,服务器就像大脑,数据库就像五脏六腑,其内嵌的Java和JavaScript组合起来就像是细胞与神经,而网页就是这个人的皮肉。网页将网站的各个组成部分包裹起来,形成易懂并且美观的外表展示给大家。浏览者登陆网站后看到的就是一个个网页的组合。所以设计和实现每一个网页也是非常重要的工作。
随着科技的高速发展,众多网页制作的应用软件应运而生。相对于传统的动态网页开发工具而言,由于继承了Java语言的许多优点,用JSP开发动态网站十分方便,开发效率较高。此外,JSP还具有强大的组件(Java Bean)支持功能,可以方便地实现组件复用,进一步提高了开发效率。
在整个网页的制作过程中,都是结合使用HTML语言来实现设计的。系统的页面设计决定了网站的风格, 制作好的网站不仅提供给营销商,更多的要供浏览者浏览。所以整个网站系统应注重的是:易导航性、易操作性和友好的交互界面。因此,网站的设计最好要简洁、明了、格调清新、实用、易于使用和维护。在页面的风格上应保持统一,这里采用CSS样式表将所有页面的字体、字号、颜色以及超链接的样式做统一定义。
26
5.3 前台功能模块的实现
整个系统分为了前台功能模块和后台功能模块。下面详细讨论主要的几个功能模块的程序实现。在每个模块的介绍中,将具体说明一些涉及要点。
前台功能模块分为用户管理模块、订单查询模块、购物车模块、修改个人资料模块、留言板模块5个部分。前台首页主要有以下几个部分:
(1)网站导航:主要用户显示网站的旗帜广告、各功能模块导航; (2)用户登录:用户在此注册、登录或找回密码; (3)商品分类搜索:用户按商品类别进行搜索显示; (4)销售排行榜:按照商品的销售数量显示销售排行信息; (5)商品展示区:按后台添加商品的时间顺序展示商品; (6)友情链接:显示友情链接信息;
(7)后台登录入口:管理员可以通过该入口登录后台。 首页运行结果如图5.1所示。
图 5.1 首页运行结果
5.3.1 用户管理模块
用户管理模块主要实现用户的注册、登录、找回密码等功能。 1、 用户注册
27
当用户第一次登录时首先要在网站上注册,成为会员用户才可以在网站上购物,注册页面必须填写一些用户的基本信息,如用户名、密码、联系电话等信息。要注意的是,在用户注册页面user/index.htm中用户自定义JavaScript检验用户注册信息不允许为空。
用户注册页面user/index.htm如图5.2所示。
图 5.2 用户注册页面运行结果
为了便于网站对用户的管理,在index.htm用户注册页面接收到的注册信息要经过严格的过滤,保证注册用户名的唯一性,在提交表单后需要对数据表中的数据进行查询,如果没有找到,则在插入数据表时提示注册成功,否则提示此用户已被占用请重新注册。
用户注册的流程图如图5.3所示。
28
相关推荐: