网上书店售书系统设计论文.doc

1、 III 目 录1 绪言 11.1 开发背景 11.2 课题研究意义 22 系统分析与设计 32.1 系统分析 32.1.1 需求分析 32.1.2 可行性分析 32.2 系统设计 42.2.1 功能结构图 42.2.2 购物流程图 52.3 开发环境 63 数据库设计 73.1 数据库的分析 73.2 数据表设计 74 前台开发 114.1 设计分析 114.2 前台首页设计 114.3 书目展示模块 124.4 购物车模块 144.5 用户登录模块 164.5.1 用户注册 174.5.2 用户登录 174.5.3 用户密码修改 184.5.4 用户密码找回 184.6 公告模块 195

2、后台开发 205.1 设计分析 205.2 后台首页设计 205.3 后台登录模块 215.4 书本信息管理模块 225.5 订单信息管理模块 235.6 用户管理模块 255.7 信息管理模块 25IV 6 结论 27致 谢 28参考文献 291 1 绪言1.1 开发背景随着 Internet 的发展，企业与企业之间电子商务的兴起，电子商务逐渐成为网络发展的主流，而网上购物也将成为一种流行的购物方式，例如，大家比较熟悉的淘宝网、拍拍网和易趣购物网站。企业通过建立起自己的电子商务网站，建立企业宣传网络，逐步扩大企业自身的网络销售渠道，完成企业对个人的各种网络交易，从而提高企业经济效益。随着硬件

3、技术、网络技术及网上交易法规的日趋完善，电子商务将成为企业销售经营的主要渠道。电子商务的快速发展以及上网人数的急增，为企业创造了许多网络商机。网上书店便应运而生了，网络书店在全球范围内的兴起对传统的图书营销方式产生了前所未有的冲击，在图书购销体系中扮演着日渐重要的角色，呈现出广阔的发展前景。PHP 作为全球最普及、应用最广泛的互联网开发语言之一，从 1994 年诞生至今，已被 2000 多万个动态网站采用，如国外知名互联网公司Google、Yahoo！、ebay 和中国知名网站新浪、百度、腾讯、网易、阿里巴巴等。随着 PHP 技术的成熟和完善，PHP 已经从一种针对网络开发的计算机语言发展成为

4、一个适合于企业级部署的技术平台。PHP 是用于开发动态网页的工具，它在 Internet 用户与网络之间的作用，它和 MySQL 及 Apache 的配合使用已经被许多网站的设计人员所采用。PHP 语言的特点如下。（1）简单易学，只要掌握了基本的语法，就可以开始 PHP 编程之旅了；（2）支持强大的数据库功能，PHP 与 MySQL 是最佳的组合，同时它还支持与 Access、SQL Server、Oracle 等数据库的组合；（3）开发成本低，PHP 是完全免费的，其所需的软件（如 MySQL）和服务器平台（如 Linux）也完全是免费的；（4）面向对象编程，面向对象编程的思想来进行 PHP

5、 的高级编程，对于提高 PHP 编程能力和规划好 Web 开发构架都非常有意义；（5）应用范围广，世界上很多大公司都采用了 PHP 技术，如德意志银行的交易系统，华尔街的股票在线买卖系统，汉莎航空公司的票务处理系统等。2 1.2 课题研究意义通过对网上书店的研究，充分深入的了解网上书店的结构。网上书店电子商务系统的优点有：（1）突破了商业往来的时间限制：网络上的计算机可以一天 24 小时，天天为客户提供完善的网络服务，而且可以提供给全国各地的消费者，以最快的速度将公司图书的外观、内容、价格及相关信息提供给客户。（2）节省公司营运成本：网上书店本身没有店面，减少了公司的管理费用，同时，网上书店管

6、理系统精简了办公程序，促进了管理的规范化。（3）提高了客户购物的积极性：顾客利用网上书店，可以很快的找到所需的图书，在网上提交订单后，如果是当地地区的，图书当天就会送达顾客手中，节省了顾客的购物时间和精力。本论文就毕业设计的内容，系统地阐述了整个网上书店售书系统的功能及实现。实现了从书目管理，书目分类和查询，到购物车实现，用户订单处理，再到留言板，管理员系统，基本上实现了电子商务的功能流程，能够实现用户与商家在网上进行商品交易。本系统界面简单直观，易于操作和使用，交互性强，完全基于 Internet 网络。3 2 系统分析与设计2.1 系统分析网站开发前，首先要对网站进行需求分析、可行性分析，

7、使得开发的过程中能更了解和掌握网站的前期准备和开发流程。2.1.1 需求分析在信息飞速发展的时代，Internet 的迅速发展，电子商务将成为 21 世纪网络发展的主流。网上购物成为了一种购物时尚，它为人们提供了网络购物的方便性，使消费者可以足不出户就能买到所需的商品。而一个网上书店，其基本需求和功能有：（1）网站设计页面大方美观、个性化，能显示出书店的形象；（2）书店所有的书目数据都能在平台中展示；（3）规范、完善的基础信息设置；（4）书目分类详尽，可按不同类别查看书目信息；（5）实现选购书目订购书目支付交易成功功能；（6）实现各种查询，如模糊查询，高级查询等；（7）管理员对用户订单进行管理

8、。2.1.2 可行性分析可行性分析的目的就是要用最小的代价在尽可能短的时间内确定问题是否能够解决，不能靠主观猜想而是要靠客观分析。必须判定系统目标和规模是否现实，系统完成后所能带来的效益是否达到值得投资开发这个系统的程度。因此可行性分析实质上是要进行依次大大地压缩简化的系统分析和设计的过程，就是在较高层次以较抽象的方式进行的系统分析和设计的过程。网上书店的可行性分析可以从以下两点考虑。（1）经济性。网上书店的宗旨是根据用户需求和市场形势提供书目的详细信息，并对书目进行详细分类，方便用户查找和购买合适的书目。（2）技术性。网上书店网站提供购物车和收银台功能，用户选择书目并可以在线提交订单；信息管

9、理系统实现对书目信息、用户信息、订单信息以及交易方面的管理，使得网站具有舒适的交易界面和良好的管理平台。4 2.2 系统设计对网上书店的系统进行了分析后，就要开始对网站进行设计了，就是详细规划和设计书店。2.2.1 功能结构图（1）前台功能模块网上书店前台管理系统最新书目 推荐书目 热门书目 书目分类 用户注册 用户中心 订单查询 购物车 书店公告 用户登录 友情链接修改个人信息修改密码 用户留言图 2.1 前台功能模块（2）后台管理模块添加书目网上书店后台管理系统修改书目信息 书目类别管理 添加书目类别 用户信息管理 用户留言管理 更改管理员信息编辑订单 查询订单 公告管理 评论管理书目管理

10、 用户管理 信息管理订单管理图 2.2 后台管理模块5 2.2.2 购物流程图网上书店，实质是建立一个虚拟的购书环境。在书店选购书目时，首先将选到的书目放到购物车中，待选购完书目后就可以到收银处开单付款。建设网上书店系统的原理与在书店购买书目的原理是一致的，首先用户在网页中选购自己所需的书目，并将书本放进购物车中，其过程可以改变购买书目的数量或删除购物车中的书目，选好书目后就可以进行支付程序，在支付的过程中填写收货人信息、提交收货人信息及查看账单等操作，网上书店的购物流程图如图2.3 所示。是是否是是否是否否否登录网上书店网站登录管理员 用户进行书目信息管理、订单管理、用户管理、网站信息管理注

11、册选购书目购物车更改书目数量查看账单购买收银台浏览网站其他功能模块6 图 2.3 网上书店的购物流程2.3 开发环境建设网站时，除了确定网站的功能结构和购物流程外，还需确定网站的开发环境。服务器端：（1） 操作系统：Windows 2003 Server（2） 服务器：Apache2.0（3） 软件：PHP5.0，Adobe Photoshop CS3，Flash 8（4） 数据库：MySQL（5） 浏览器：IE8.0（6） 分辨率：1024x768客户端：（1）浏览器：IE8.0（2）分辨率：1024x7687 3 数据库设计3.1 数据库的分析PHP 跟踪和管理用户的状态和行为主要有两种措

12、施，一是使用 Session 或Cookies 保存用户登录网站的信息，但这种信息会随着用户退出网站而消失，对于那些需要持久保存的信息，如用户的个人资料、用户的订单及书本信息等，则需要保存到数据库中进行长期存储。数据库适合存储那些需要持久保存的信息，并且提供了很好的方式进行查询、插入、修改和删除等操作。3.2 数据表设计结合实际情况以及对用户需求的分析，网上书店 shop 数据库主要包含如下数据表。（1） tb_leaveaword（用户留言表）用户留言表主要用存储用户留言的相关信息，数据表结构如表 3-1。表 3-1 tb_leaveaword 表字段名称 数据类型 字段大小 是否主键 说

13、明id int 4 是 自动编号 iduserid int 4 用户 idtitle varchar 200 留言主题time datetime 50 留言时间content text 留言内容（2） tb_pingjia（书本评价表）书本评价表主要用于存储用户对书本评价的信息，数据表结构如表 3-2。表 3-2 tb_pingjia 表字段名称 数据类型 字段大小 是否主键 说 明id int 4 自动编号 iduserid int 4 用户 idtitle varchar 200 评价主题time datetime 50 评价时间8 spid int 4 书目 idcontent text

14、 评价内容（3） tb_admin（管理员表）管理员表主要用于存储管理员的信息，数据表结构如表 3-3。表 3-3 tb_admin 表字段名称 数据类型 字段大小 是否主键 说 明id int 4 是 自动编号 idname varchar 25 管理员名字pwd varchar 50 管理员密码（4） tb_dingdan（用户订单表）用户订单表主要用于存储用户的订单信息，数据表结构如表 3-4。表 3-4 tb_dingdan 表字段名称 数据类型 字段大小 是否主键 说 明id int 4 是 自动编号 iddingdanhao varchar 250 订单号spc varchar 2

15、50 书目串slc varchar 250 数量串shouhuoren varchar 50 收货人姓名sex varchar 4 收货人性别dizhi varchar 250 收货地址youbian varchar 50 邮编号码tel varchar 50 联系电话email varchar 50 Email 地址shff varchar 50 收货方式zfff varchar 50 支付方式leaveword text 用户留言time datetime 50 下单时间xiadanren varchar 50 下单人姓名zt varchar 50 订单状态total float 8 总价

16、格（5） tb_type（书目大类表）书目大类表主要用于存储书本类别的信息，数据表结构如表 3-5。表 3-5 tb_type 表9 字段名称 数据类型 字段大小 是否主键 说 明id int 4 是 自动编号 idtypename varchar 50 书目类别名称（6） tb_shangpin（书目信息表）书目信息表主要用于存储书本的基本信息，数据表结构如表 3-6。表 3-6 tb_shangpin 表字段名称 数据类型 字段大小 是否主键 说 明id int 4 是 自动编号 idmingcheng varchar 50 书目名称jianjie text 书目简介addtime dat

17、etime 50 出版时间dengji varchar 50 书目等级xinghao varchar 50 书目型号tupian varchar 200 书目图片shuliang int 4 书目数量cishu int 4 购买总数tuijian int 4 是否推荐typied int 4 类型 idhuiyuanjia float 8 会员价shichangjia float 8 市场价pinpai varchar 50 品牌tejia int 4 是否有特价（7） tb_gonggao（公告表）公告表主要用于存储公告的信息，数据表结构如表 3-7。表 3-7 tb_gonggao 表字段

18、名称 数据类型 字段大小 是否主键 说 明id int 4 是 自动编号 idtitle varchar 200 公告主题time datetime 50 发布时间content text 公告内容（8） tb_user（用户信息表）用户信息表主要用于存储用户的基本信息，数据表结构如 3-9。表 3-9 tb_user 表字段名称 数据类型 字段大小 是否主键 说 明10 id int 4 是 自动编号 idname varchar 50 用户名pwd varchar 50 用户密码dongjie int 4 用户是否被冻结表 3-9 tb_user 表（续）字段名称 数据类型 字段大小 是否

19、主键 说 明sfzh varchar 50 用户身份证号tel varchar 50 联系电话email varchar 50 用户 Email 地址qq varchar 50 用户 QQip varchar 50 用户 ip 地址tishi varchar 100 密码找回提示huida varchar 100 密码找回答案dizhi varchar 200 联系地址youbian varchar 50 邮编号码regtime datetime 50 注册时间truename varchar 50 用户真实姓名pwd1 varchar 50 未加密的密码11 4 前台开发4.1 设计分析网站

20、首页是关于网站的建设及形象宣传，对网站生存和发展起着至关重要的作用。首页是一个信息含量较高，内容丰富的宣传平台，设计好坏将直接影响顾客的购买欲望，在首页，用户不仅可以了解书城最新书目、热门书目、推荐书目，还可以实现对所需书目的搜索、订单查询等功能，书城首页包含的内容有：（1）网站导航，主要包括网站的个性形象广告和主功能导航两部分；（2）商品信息的快速搜索以及高级搜索；（3）最新书目模块，主要展示最新书目信息；（4）推荐书目模块，主要展示书城重点推荐的书目信息；（5）热门书目模块，主要展示书城销量最高的书目信息；（6）用户登录模块，主要用于用户登录、登录后可以购买书本、查询订单和查看个人消费情况

21、；（7）用户中心模块，主要用于用户登录后，对个人资料及登录密码的修改、用户留言和评论信息；（8）站内公告模块，主要用于发布书店提供部分书目信息以及购买书目的一些优惠制度等信息；（9）在线帮助模块，主要使用户更快熟悉网站的使用方法；（10）联系我们模块，主要提供与本站联系的各种方法。4.2 前台首页设计网站首页的布局如图 4.1，前台首页设计流程如下。top.phpindex.php right.phpbottom.php12 图 4.1 首页示意图（1）主要用于显示网站的标题及未用户提供前台功能导航，被封装成一个独立文件 top.php 页；（2）主要用于展示网站提供的最新书目信息和推荐书目信

22、息，直接在首页 index.php 页实现；（3）主要实现用户注册、登录、找回密码和网站公告功能，被封装成一个独立的文件 right.php 页；（4）主要用于显示尾部导航链接和版权信息，被封装成一个独立文件bottom.php 页。前台首页被访问的次数比较多，为了加快页面的运行速度，在前台首页使用 include 语句包含主要功能模块，部分代码如下。 /书目展示模块代码部分13 4.3 书目展示模块书目展示模块主要功能是显示重点推荐书目、最新书目、热门书目以及书目的详细信息。书目展示页面设计流程如下：（1）为表格添加背景效果，输入书目名称；（2）添加标记，在页面中显示书目图片，代码如下：wi

23、dth=130height=100border=0（3）以分栏显示方式展示推荐、最新、热门书目的详细信息；（4）未“查看信息”和“放入购物车”添加文字连接，部分代码如下：查看信息放入购物车推荐书目、最新书目、热门书目这三种实现方法类似，因此页面设计效果也类似，页面效果设计如图 4.2.图 4.2 书目展示页面设计效果重 点 推 荐 书 目 的 实 现 方 法 首 先 在 后 台 数 据 库 为 每 个 书 目 分 配 一 个 tuijian标 记 ， 添 加 书 目 时 ， 如 果 某 书 目 为 重 点 推 荐 书 目 ， 则 使 tuijian 的 值 为 1。 显 示重 点 推 荐 书

24、目 就 是 将 tuijian 的 值 为 1 的 书 目 显 示 出 来 。最新书目展示是在前台页面中显示系统管理员最新添加的 10 本书目。它实现的原理是在后台数据库 shangpin 表中开辟一个 addtime 字段，利用该字段记录书目的添加时间，在前台显示书目时只需利用这个字段将所有书目降序排列，再从排好序的记录中选择最后添加的 10 条记录。热门书目的实现方式是根据销售书目的数量对已销售的产品进行有序显示，实现的原理是在 shangpin 表中增加一个 cishu 字段来记录书目销售的数量，根据这个字段就可以对书目的销售进行排列，销量最高的书目就成为热门书目。单击相应书目中的“查看

25、信息”文字超链接，查看书目的详细信息。书目详细信息页面主要功能是根据获取到书目 id 编号或查询书目名称关键字显示该书目的详细信息，包括书目名称、市场价、会员价、书目简介等，其页面设计效果如图 4.3。14 图 4.3 书目详细信息页面效果书目详细信息展示页面设计流程如下：（1）制作表格显示书目的详细信息；（2）添加标记，在页面中显示书目图片；（3）在表格中添加文字超级链接，用于执行购买书目的操作。为了能让客户全面了解某书目，本购物系统设置了查看书目详细信息模块。在该模块中不仅可以对书目信息进行整体把握，而且还可以发表用户个人评论，根据用户的评论，管理人员可以对书目做一些调整，例如，增加一些口

26、碑较好的书目，删除一些评价相对较差的书目。设计时只须用$_GET 接收不同书目的 id 值就可以浏览该书目的信息。设置书目分类显示不仅可使该购物系统的所有书目都分门别类的显示出来，而且为用户选择书目提供了很大的方便。首先应该建立一个单独的 type 表用来存储书目大类，之后在 shangpin 表中增加一个 typeid 字段，该字段中存储的内容是书目大类 id 值，利用这个值就可以确定该书目属于那一类。4.4 购物车模块购物车的主要功能是保留用户选择的书目信息。用户可以在购物车内设置选购书目的数量，显示选购书目的总金额，还可以清除选择的全部书目信息重新选择书目信息。购物车帮助用户完成书目的选

27、购，并把选购的书目交给服务台进行结算， ，购物车的页面设计效果如图 4.4，其管理框架如图 4.5。图 4.4 购物车页面设计效果15 是否添加购物车开始添加书目购物车列表查看购物车 移除书目 修改数量 清空购物车 支付结账结束是否有书目图 4.5 购物车管理框架购物车页面设计的流程如下：（1）购物车中的书目默认购买数量是 1，若用户多件相同的书目就需利用修改文本框中书目数量来实现，代码如下：value =（2）添加“移除”文字超链接，删除 id 制定的书目，代码如下：移除（3）在表格中添加“更改书目数量”按钮，用于更新书目的实际购买数量，（4）添加“去收银台”文字超链接，实现选购书目的结算功

28、能，去收银台（5）添加“清空购物车”文字超链接，当用户想重新选购书目时，就可以清空购物车中所有书目，清空购物车当每个用户登录成功后系统将为每个用户分配两个 session 变量$producelist 和$quatity，分别用来存储用户放入购物车中的商品 id 和这些商品的数量，当然一个变量同一时刻只能有一个值，要实现将多个 id 值同时保存在一个$producelist 变量中，首先将 id 转变成字符型变量，并且这些变量16 用字符“”进行连接。从购物车中移去指定商品的基本思想是：首先用函数 explode()将session 变量$producelist 以“”进行分割，并把分割出的子

29、串存放到数组中，之后将用户移去的商品对应的数组元素赋予空值，最后将数组元素重新组合成新串。购物车中的商品默认数量是 1 件，如果用户打算购买多件相同的商品就需要利用修改商品购买数量这一模块来实现，从购物车中移去某件商品是将该商品对应的数组元素赋予空值，而修改商品购买数量是将购物车中某件商品对应的数组元素赋于新值。购物车中用于输入商品数量的文本框是用商品 id 来命名的，所以通过语句 list($name,$value)=each($_POST)赋值就使$name 为购物车中某件商品的id，而$value 为该商品对应的数量，之后通过循环处理将$value 赋予新的数量就可以实现该模块。当用户重

30、新选购商品时，就需要清空购物车中所有商品，该功能实现的基本思想是：将 session 变量$producelist 和$quatity 的值都赋予空串。用户确定要购买购物车中所有商品之后，就需要到收银台页面填写收货人信息，系统管理人员将通过该信息确定收货人地址、商品名称及数量等，同时系统会根据这些信息给出订单，收银台页面设计如图 4.6。图 4.6 收银台页面设计效果17 4.5 用户登录模块用户登录模块的功能有用户注册、用户登录、用户资料修改、用户密码、用户密码修改、查看提交订单信息和查看在书店的消费情况。4.5.1 用户注册用户注册页面的主要功能是将新注册用户的信息添加到数据库中。在页面中

31、建立多行两列的表格，用于显示注册条目名称以及放置对应的控件。用 户 注 册 页 面 中 用 到 了 “查 看 昵 称 是 否 已 用 ”， 它 的 目 的 是 为 不 同 的 用 户 提供 不 同 的 昵 称 ， 从 而 实 现 对 用 户 的 区 分 。首 先 利 用 该 按 钮 的 onclick 事 件 调 用 自 定 义 的 chknc()函 数 来 弹 出 新 窗 口 ，并 将 “用 户 昵 称 ”文 本 框 中 的 内 容 传 递 给 该 新 窗 口 ， 在 该 新 窗 口 中 完 成 新 用 户昵 称 是 否 已 经 被 占 用 的 验 证 。 下 面 的 代 码 是 通 过 按

32、 钮 的 onclick 事 件 调 用chknc()函 数 ， 该 函 数 的 参 数 form1.usernc.value 是 注 册 页 面 中 用 户 输 入 的 昵 称的 值 ， form1 是 注 册 页 面 中 表 单 的 名 称 ， usernc 是 该 表 单 中 输 入 用 户 昵 称 的 文 本框 的 名 字 ， value 是 窗 体 对 象 的 属 性 ， 表 示 某 个 窗 体 对 象 的 值 ， 所 以 参 数form1.usernc.value 就 表 示 表 单 form1 中 文 本 框 usernc 的 内 容 。用户填写好个人注册信息后，如果单击“提交”

33、按钮，该用户的注册信息将被提交到 savereg.php 中进行处理，处理方式是：首先用$_POST自动全局数组获取用户提交的信息，之后用 insert 语句将信息存入数据库，其页面效果如图 4.7。图 4.7 用户注册页面效果18 4.5.2 用户登录用户登录主要功能是用户登录用户中心进行操作的入口，为了防止使用恶意程序不断猜测用户的密码，采用了带验证码的用户登录技术，页面设计效果如图 4.8。图 4.8 用户登录页面效果用户登录页面设计流程如下。（1）在表格中设置背景颜色，用于标注页面导航；（2）设置隐藏域，用于显示图形验证码；（3）建立表单，在表单中包含文本框、按钮控件以及文本链接。验证

34、码的主要思想是在用户登录页面随机产生一个数字，用户登录同时需要输入这个数字，用户提交输入的内容后，系统将把用户输入的验证码与系统记录的验证码进行对照，如果相同则进行其他信息的检测，否则将返回错误信息。4.5.3 用户密码修改用户密码修改主要功能是允许用户登录以后修改原有的密码，再次登录时使用新密码登录。用户密码修改页面要求用户输入旧密码和新密码，在程序中根据用户登录的用户名以及输入的旧密码判断该用户信息是否与数据库中数据相符合，如果符合则更新数据库，将新密码存储在数据库中，其页面效果如图 4.9。图 4.9 用户密码修改页面效果19 4.5.4 用户密码找回如果已注册的用户将密码忘记或密码被盗

35、，可以通过“取回密码”来找回，根据提示用户就可以找回自己的密码。用户通过输入的用户名称、密码提示问题和问题答案信息，查找数据库中与条件符合的记录，并将查找到的用户的密码信息返回给用户浏览器，实现密码找回。用户密码找回的页面效果如图 4.10。图 4.10 用户密码找回的页面效果4.6 公告模块公告模块的主要功能是显示书店发布的公告信息，页面效果如图 4.11 和图 4.12。图 4.11 公告模块页面效果图 4.12 公告模块页面效果公告模块页面设计的流程如下：（1）制作表格用于显示公告内容；（2）设置“更多公告”文字超级链接，用来显示书店的全部公告信息。more20 站内公告页面读取数据库中

36、的站内公告信息，通过 substr()函数控制公告标题的显示长度。5 后台开发5.1 设计分析后台首页承载并显示网站后台所包含的模块，使管理员能够清楚其管理权限。根据需求分析，本书店的后台系统包含以下模块。（1）书目信息管理模块，主要包括书目信息的添加、修改、删除和书目种类的添加；（2）用户信息管理系统，主要包括查询和显示用户注册信息、冻结用户、用户留言管理、更改管理员密码。（3）订单信息管理系统，主要包括查看所有用户提交的订单信息，并根据执行阶段对订单进行标记处理、删除订单和查询订单；（4）公告信息管理模块，主要包括站内公告信息的添加、修改、删除和用户评论信息的查看和删除。5.2 后台首页设

37、计后台首页的主要功能是列出管理模块，以便管理员对各个模块进行操作。在后台管理系统的首页面中使用浮动框架来规划页面布局。浮动框架的作用是把浏览器窗口划分成若干区域，每个区域内可以显示不同的页面，并且各个页面直接按不会受到任何影响，为框架内每个页面取不同名字作为彼此互动的依据。在后台首页中先使用左右浮动框架进行页面布局，其设计效果如图5.1。21 图 5.1 后台首页设计效果后台首页设计流程如下：（1）在左侧浮动框架中调用左侧功能导航，（2）添加图像，应用 JavaScript 脚本显示和隐藏左侧浮动框架，（3）在左侧浮动框架中调用书目添加信息页，5.3 后台登录模块后台登录做为后台管理系统的入口，主要用于验证管理员的身份，其页面设计效果如图 5.2。22 图 5.2 后台登录页面设计效果后台登录页面设计流程如下：（1）在表格中插入背景图片，用于展现网站的标识；（2）建立表单，在表单中放置文本框和图像“登录”按钮。页面中为了防