网站的设计毕业论文

1、网站的设计毕业论文 论文（设计）分类号：本科毕业论文（设计）密级：102团铝厂网站的设计与实现系 院 学科门类 专 业 学 号 姓 名 指导教师 教师职称 毕业论文原创性声明本人郑重声明：所呈交的论文是本人在导师的指导下独立进行研究所取得的研究成果。除了文中特别加以标注引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写的成果或作品。本人完全意识到本声明的法律后果由本人承担。作者签名： 年 月 日毕业论文版权使用授权书本毕业论文作者完全了解学院有关保存、使用毕业论文的规定，同意学院保留并向有关毕业论文管理部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权本学院及以上级别优

2、秀毕业毕业论文评选机构将本毕业论文的全部或部分内容编入有关数据库以资检索，可以采用复印、缩印或扫描等复制手段保存和汇编本毕业论文。声明人签名： 导师签名： 年 月 日 年 月 日 摘 要随着网络技术的迅猛发展和internet的不断普及，人们对于互联网技术的要求已不单单是浏览一下网页和收发电子邮件，日益忙碌的人们开始追求足不出户的利用互联网这一强大的平台来实现网上商务。对于企业来讲，无论是企业之间，还是企业和客户之间的交易，如果能够实现网上交易将大大提高交易速度节约交易成本。近几年，随着网络数据库技术的进一步发展，使得这一设想逐渐成为现实。102团铝厂网站采用jsp 技术，利用sql serv

3、er 2005 作为后台数据库，实现了企业信息介绍，产品发布与展示，在线留言沟通等功能。在本网站中，顾客可以很方便的注册成为会员，对商品进行浏览检索，查看商品的详细资料，然后根据各人的喜好购买心仪的商品。顾客也可以在线留言，对商品进行评价。系统管理员则可以对现有的商品进行添加和编辑，并查看顾客留言，及时回复。本网站在信息查阅方面做到了一定程度的方便快捷，在操作方面简单明了，同时网站整体界面看上去美观大方，后台数据库容易操作。关键词：企业网站；jsp；sql server 2005目 录摘 要i1引言11.1选题的背景及意义10.背景1. 选题的意义11.2国内外现状及水平21.3技术简介2.

4、jsp技术简介2. sql server 2005数据库技术简介3.模语言uml技术简介31.4 论文章节叙述42 需求分析62.1 可行性分析6. 技术可行性6. 经济可行性6. 操作可行性72.2 业务流分析72.3 数据流分析82.4 数据字典9. 102团铝厂企业门户网的数据字典9. 102团铝厂的的数据项113 系统设计133.1系统功能模块划分133.2 数据库设计14. 数据库需求分析14. 数据库概念结构设计14. 数据库逻辑结构设计164 网页界面设计204.1网页界面构成要素204.2网页的色彩搭配204.3网站设计原则214.4网页的整体造型235 系统实现245.1网站

5、的前台实现24. 功能模块24.台的实现255.2 网站前台各功能模块的实现25. 用户注册模块的实现25. 用户留言功能模块的实现26. 产品展示模块的实现275.3网站的后台实现28. 管理员登陆界面的实现28. 后台管理界面的实现31. 站内新闻信息发布模块的实现32. 信息管理模块的实现34总 结37参 考 文 献38致 谢39企业网站建设为重要的是长期的网站的维护，而目前大多数企业网站的维护意识与当初域名申请和网站开通时的超前意识相比却显得十分不足。许多公司建立起网站后就在那里守株待兔了，不管理更新这是错的网站不及时更新，就不能正确反应公司的信息，这样宣传的效果不能达到反而会给企业形

6、象带来负面的影响。 下载的是.-001-win.exe，所以这里就以.-001-wi email 等等，这就是建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，对客户浏览器的要求最低，可以实现无plugin，无activex，无java applet，甚至无frame。java server pages jsp 技术提供了一种简单快速的方法来创建显示动态生成内容的 web 页面。由业界处于领先地位的 sun 公司制定了相关的 jsp 技术规范，该规范定义了如何在服务器和 jsp 页面间进行交互，还描述了页面的格式和语法。jsp 页面使用 xml 标签和

7、 scriptlets（一种使用 java 语言编写的脚本代码），封装了生成页面内容的逻辑。它将各种格式的标签（6html 或者 xml）直接传递回响应页面。通过这种方式，jsp 页面实现了页面逻辑与其设计和显示的分离。jsp 技术是 java 系列技术的一部分。jsp 页面被编译成 servlets，并可能调用 javabeans 组件 beans 或 enterprise javabeans 组件（企业 beans），以便在服务器端处理。因此，jsp 技术在构建可升级的基于 web 的应用程序时扮演了重要角色。jsp 页面并不局限于任何特定的平台或 web 服务器上。jsp 规范在业界有着

8、广泛的适应性1。. sql server 2005数据库技术简介microsoft sql server 2005 是一个全面的数据库平台，使用集成的商业智能 bi 工具提供了企业级的数据管理。microsoft sql server 2005数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能，使您可以构建和管理用于业务的高可用和高性能的数据应用程序。microsoft sql server 2005 数据引擎是该企业数据管理解决方案的核心。此外 microsoft sql server 2005 结合了分析、报表、集成和通知功能。这使您的企业可以构建和部署经济有效的 bi 解决方案

9、，帮助您的团队通过记分卡、dashboard、web services 和移动设备将数据应用推向业务的各个领域。与 microsoft visual studio、microsoft office system 以及新的开发工具包（包括 business intelligence development studio）的紧密集成使 microsoft sql server 2005 与众不同。无论您是开发人员、数据库管理员、信息工作者还是决策者，microsoft sql server 2005 都可以为您提供创新的解决方案，帮助您从数据中更多地获益。标准建模语言uml的内容uml融合了boo

10、ch、omt和oose方法中的基本概念而且这些基本概念与其他面向对象技术中的基本概念大多相同因而uml必然成为这些方法以及其他方法的使用者乐于采用的一种简单一致的建模语言其次uml不仅仅是上述方法的简单汇合而是在这些方法的基础上广泛征求意见集众家之长几经修改而完成的uml扩展了现有方法的应用范围第三uml是标准的建模语言而不是标准的开发过程。尽管uml的应用必然以系统的开发过程为背景但由于不同的组织和不同的应用领域需要采取不同的开发过程作为一种建模语言uml的定义包括uml语义和uml表示法两个部分。uml语义描述基于uml的精确元模型定义。uml表示法定义uml符号的表示法为开发者或开发工具

11、使用这些图形符号和文本语法为系统建模提供了标准。这些图形符号和文字所表达的是应用级的模型,在语义上它是uml元模型的实例。标准建模语言uml的重要内容可以由下列五类图 共9种图形 来定义第一类是用例图第二类是静态图 static diagram 包括类图、对象图和包图。第三类是行为图 behavior diagram 描述系统的动态模型和组成对象间的交互关系。其中图描述类的对象所有可能的状态以及事件发生时状态的转移条件。通常图是对类图的补充。在实用上并不需要为所有的类画图,仅为那些有多个状态其行为受外界环境的影响并且发生改变的类画状态图。而活动图描述满足用例要求所要进行的活动以及活动间的约束关

12、系,有利于识别并行活动。第四类是交互图 interactive diagram 描述对象间的交互关系。其中顺序图显示对象之间的动态合作关系,它强调对象之间消息发送的顺序同时显示对象之间的交互图描述对象间的协作关系图跟顺序图相似,显示对象间的动态合作关系。除显示信息交换外图还显示对象以及它们之间的关系。如果强调时间和顺序则使用顺序图如果强调上下级关系则选择图。这两种图合称为交互图。第五类是实现图 implementation diagram 构件图配置图1.4 论文章节叙述第1章：引言，主要内容有课题的背景、意义、国内外现状及水平和技术简介。第2章：系统需求分析，主要内容有可行性分析、业务流程分

13、析、数据流分析、数据字典。第3章主：系统设计，主要内容有系统功能模块划分、数据库设计。第4章：网页界面设计，主要内容有网页界面构成要素、网页的色彩搭配、网页的设计原则、网页的整体造型。第5章：系统实现，主要内容有网站的前台实现包括：功能模块和网页的前台实现；网站的前台个功能模块的实现包括：用户注册模块的实现、用户留言板功能模块的实现和产品展示模块的实现；网站的后台实现包括：管理员登陆界面的实现、后台管理界面的实现、站内新闻信息发布模块的实现和信息管理模块的实现。最后还有结论、致谢、参考文献等等内容的介绍。2 需求分析2.1 可行性分析随着计算机技术的发展和网络人口的增加，人们对网络的需求也越来

14、越苛刻，越来越贴近其生活，电子信息发布已经成为网上的一股潮流系统的可行性分析主要包括技术上的可行性、经济上的可行性和操作上的可行性。. 技术可行性根据该系统目标来衡量所需的技术是否具备，一般可从硬软件的性能要求、环境条件、操作人员水平和数量等方面去考虑和分析。考虑到系统实施的可行性，在软件方面选择了如今较流行的myeclipse工具来进行开发管理平台的设计，使用数据库存储数据。在硬件方面，则选择空间较大，硬件的配置越高，系统的开发与运行会更流畅。考虑到如今的家用或商用电脑硬件的整体配置水平，系统在硬件方面是可行的。无论在安全性、可用性、可靠性方面都毫无置疑。. 经济可行性 由于102铝厂网站所

15、要求的硬件（计算机及相关硬件）和软件环境 jsp+sql 2005 ，市场上都容易购买到或从相关网站下载，系统成本主要集中在本管理系统的开发与维护上，对本网站不造成过重的经济负担。而一旦此系统投入使用,不仅可以减少102团铝厂的工作强度，提高工作效率，而且方便了102团铝厂对信息的管理，延续了传统的管理模式，极大限度的方便了102团铝厂的管理人员，而且，目标系统不是很复杂，开发的周期较短，人员经济支出不大，所节省的大量人力、财力产生的效益将远远大于本管理系统的开发成本，所以从经济方面讲开发此系统是可行的。. 操作可行性102铝厂网站作为一资源的2.2 业务流分析102团铝厂网站工作流程为：系统

16、启动并进入登录界面，系统管理员输入正确的用户名及密码后，登陆系统主操作界面，系统管理员可对系统相关信息进行操作，包括管理员信息、新闻信息、商品信息、用户信息等。本系统的业务流程图如图2-1所示：本系统是将现代化的计算机技术与102团铝厂企业管理服务模式相结合，按照借阅管理的服务流程设计完成的。同时为扩展服务范围，初步设计一个管理平台以利于信息发布和管理。为了使系统在各项管理中发挥更大的作用，实现工作过程的计算机化，提高工作效率和工作质量，现提出如下系统开发目标：具体目标如下： 1 操作简单、界面友好：完全控件式的页面布局，使得信息的录入工作更简便；许多选项包括新闻信息、商品信息、企业信息、用户

17、信息等只需要点击鼠标就可以完成。 2 即时可见：对信息的处理（包括添加、修改、删除）将立即在对应的页面显示出来，达到“即时发布、即时见效”的功能。 3 功能完善：不仅包括常见系统的信息发布的各个方面：信息录入、浏览、删除、修改、查询等各个方面，完整地实现了系统对即时信息的管理要求。同时，能有效的更新系统的界面。 4 方便移植：系统应具有实用性、可靠性和适用性，同时注意到先进性。针对不同的用户，只需要稍作修改就可以开发出适合自己特点的网站。系统界面中所需的数据都存放于数据文件中，只要对该文件做部分修改，就能在系统界面上实现及时更新的效果，减少了更改系统源代码的复杂性。（5）动态管理：对系统数据库

18、实行动态操作，能实现对数据库信息的动态查询、动态更新修改和动态录入数据。2.3 数据流分析数据流程分析主要包括对信息的流动、传递、处理、存储等的分析。数据流程分析的目的就是要发现和解决数据流通中的问题。现有的数据流程分析多是通过分层的数据流程图（data flow diagram，简称dfd）来实现的。其具体的做法是：按业务流程图理出的业务流程顺序，将相应调查过程中所掌握的数据处理过程，绘制成一套完整的数据流程图。102团铝厂企业门户网的数据流程：对本系统操作的数据源有普通用户、注册用户和管理员三种，首先由系统管理员根据不同用户的需要将某些信息保存到数据库中，然后再进行发布。不同权限的用户可以

19、对这些库信息进行添加、修改和删除处理。所有用户均可以进行信息查询。通过对本系统的需求分析，系统的基本功能已经确定。整个系统的数据流程图如2-2：2.4 数据字典数据字典是关于数据的信息的集合，也就是对数据流图中包含的所有元素的定义的集合。数据流图和数据字典共同构成系统的逻辑模型4。. 102团铝厂企业门户网的数据字典 1 数据字典列表数据流数据存储名称：管理员信息数据来源：管理员信息表数据去向：管理员登陆模块数据组成：管理员信息管理信息唯一标识+管理员帐号+管理员密码+管理员权限+注册时间描述：存储了管理员的基本信息数据存储名称：站内新闻信息数据来源：站内新闻信息表数据去向：站内新闻模块数据组

20、成：站内新闻信息 站内新闻信息唯一标识+标题+内容+添加时间+类别描述：存储了站内新闻的注册信息数据存储名称：新闻通知信息数据来源：新闻通知信息表数据去向：新闻通知信息模块数据组成：新闻通知信息 新闻通知信息唯一标识+标题+附件添加时间等描述：存储了新闻通知信息数据存储名称：友情链接信息数据来源：友情链接信息表数据去向：友情链接信息模块数据组成：友情链接信息 友情链接信息唯一标识+网站名称+网址+添加时间等描述：存储了友情链接信息数据存储名称：用户信息数据来源：用户信息表数据去向：用户信息模块数据组成：用户信息 用户信息唯一标识+用户名+密码+性别+注册时间等描述：存储了用户详细信息数据存储名

21、称：企业成长经历信息数据来源：企业成长经历信息表数据去向：企业成长经历信息模块数据组成：企业成长经历信息 企业成长经历信息唯一标识+资源名称+文件+说明+添加人+添加时间等描述：存储了企业成长经历信息 2 数据字典列表数据处理3.数据字典列表数据存储3.数据字典列表数据存储. 102团铝厂的的数据项管理员数据项： 2 用户信息数据项： 3 图片新闻数据项：3 系统设计3.1系统功能模块划分根据系统功能分析，可以画出系统的功能模块图，从管理员界面对功能模块图加以描述5。 1 网站前台功能模块如图3-1所示：图3-1 网站前台功能模块 2 网站后台管理模块如图3-2所示：图3-2 网站后台管理模块

22、3.2 数据库设计. 数据库需求分析用户的需求具体体现在各种信息的提供、保存、更新和查询方面，这就要求数据库结构能充分满足各种信息的输入和输出。收集基本数据、数据结构及数据处理的流程，组成一份详尽的数据字典，为后面的具体设计打下基础6。通过系统功能分析，针对102团铝厂企业门户网，总结出如下的需求信息： 1 用户为管理员用户； 2 管理员用户登陆后可进行管理员信息、用户信息及其他信息等的维护，以及信息入库、信息出库及统计信息。经过系统功能分析和需求总结，考虑到将来功能上的扩展，设计如下的数据项和数据结构： 1 管理员信息，包括数据项：帐号，密码，权限等。 2 用户信息，包括数据项：用户id，用

23、户名，性别，电话，注册时间等。 3 新闻信息，包括数据项：系统编号，信息名称，商品信息，注册会员信息等。. 数据库概念结构设计得到上面数据项和数据结构以后，就可以设计出能够满足用户需求的各种实体，以及它们之间的关系，为后面的逻辑结构设计打下基础。这些实体包含各种具体信息，通过相互之间的作用形成数据的流动。设计规划出的实体有：管理员信息实体、用户信息实体、新闻信息实体。 1 实体之间关系的e-r图如图3-3所示 2 管理员信息实体e-r图如图3-4所示： 3 用户信息实体e-r图如图3-5所示： 4 新闻信息实体e-r图如图3-6所示：. 数据库逻辑结构设计数据库的概念结构设计完毕后，现在可以将

24、上面的数据库概念结构转化为某种数据库系统所支持的实际数据库模型，也就是数据库的逻辑结构7。 102团铝厂网站数据库中各个表的设计结果如表所示。每个表格表示在数据库中的一个表。 1 数据库用户表如表3-7所示:表3-7用户信息表编号中文字段名对应名称字段类型1自动id号idint 2用户姓名usernamevarchar 3密码pwdvarchar 4管理员cxvarchar 2 数据库类别表:表3-8 类别表编号中文字段名对应名称字段类型1idint 2类别leibievarchar 3contenttext 3 数据库留言板表:表3-9 留言板表编号中文字段名字段名称字段类型idint2名称

25、chengvarchar3性别xingbievarchar4varchar5邮箱youxiangvarchar6电话dianhuavarchar7内容neirongvarchar8adddtimedatetime 9回复内容huifuneirongvarchar 4 数据库商品类别表:表3-10 商品类别表编号中文字段名字段名称字段类型idint 2商品类别shangpinleibievarchar 3addtimedatetime 5 数据库商品信息表:表3-11 商品信息表编号中文字段名字段名称字段类型idint 2编号bianhaovarchar 3名称mingchengvarchar

26、4价格jiagevarchar 5类别leibievarchar 6图片tupianvarchar 7addtimedatetime 8备注beizhuvarchar 6 数据库新闻通知表字段名称字段类型idint 2标题biaotivarchar 3类别leibievarchar 4内容neirongtext 5添加人tianjiarenvarchar 6首页图片shouyetupianvarchar 7点击率dianjilvvarchar 7 数据库用户注册表:表3-13用户注册表编号中文字段名字段名称字段类型idint2用户名yonghumingvarchar3密码mimavarchar

27、4姓名xingmingvarchar5电话dianhuavarchar6邮箱youxiangvarchar7varchar8头像touxiangvarchar9地址dizhivarchar10性别xingbievarchar11备注beizhuvarchar12时间addtimedatetime13isshvarchar 8 数据库友情链接表:表3-14 友情链接表编号中文字段名字段名称字段类型idint 2网站名称wangzhanmingchengvarchar 3网址wangzhivarchar 4时间addtimedatetime 4 网页界面设计4.1网页界面构成要素与传统媒体不同，网

28、页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。文字：文字元素是信息传达的主体部分网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大图形：图形在网页界面中具有重要作用合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif，这两种格式压缩比

29、高，得到了规范浏览器的支持，下载速度快，具有跨平台的特性，不需要浏览器安装插件即可直接阅览。图形元素包括标题、背景、主图、链接图标四种。页面版式：版式是网页界面设计的重要组成部分，它将文字、图形等视觉元素进行组合配置，使页面整体视觉效果美观和谐，便于阅读，实现信息传达的最佳效果。 色彩：彩色网页比单色网页更具吸引力；色彩本身具有象征作用技术：网页的技术要素并非任何情况下在网页中都能直观体现，但代表了设计的整体水平，也是衡量设计成功的重要标准。网页界面设最基本的技术要求包括：浏览器、传输速度、屏幕分辨率、颜色显示。dreamweaver作为主要制作工具，其中插入了flash元素，还用了photo

30、shop处理其中图片，这样能使网页更加生动。5 系统实现5.1网站的前台实现. 功能模块 1 首页网站首页体现的是一个网站的门面，也显示了企业的一些相关的消息，是网站设计中比较重要的一部分，它以网站综合平台的形式展示整个企业网站各部分的主体内容，是整个网站的导航，能够让浏览者在第一时间内领略到企业特色所在。 2 站内新闻主要介绍公司最新的新闻，行业信息让浏览者了解企业的最新情况，了解企业在整个行业中的情况，在整个行业中所处的位置。 3 会员注册主要是在我公司买东西的顾客可以成为我们的会员，可以在线留言之类的。 4 企业简介主要介绍企业的背景，经营项目，荣誉资质，联系方式等。让浏览者能够直接清楚

31、的了解企业的基本情况，便于树立企业形象。 5 在线留言主要是顾客买完东西后有什么不满意的可以给我们留言，我们会及时回复。 6 产品展示主要是产品的展示，展示企业最新的产品，浏览者只要点击产品，就可以看到产品的详细介绍以及清楚的图片，方便浏览者更清楚的了解本企业的产品。 7 企业成长经历让浏览者更清楚的理解我们企业。 8 促销公告主要是在节假日或者是某些时候会有一些促销商品，可以供浏览者看。 9 后台管理主要是管理者对后台的一些管理。.台的实现本网页如5-1所示：图5-1 网站主界面5.2 网站前台各功能模块的实现. 用户注册模块的实现用户可以通过注册页面进行注册，填入用户账号等相关的信息，点击

32、按钮，注册成功则跳到成功页面，否则提示注册失败。用户注册页面示意图如图所示：用户注册成功页面示意图如图所示：图5-3 用户注册成功页面. 用户留言功能模块用户在进行浏览网页后，可以给管理员留言，向管理员提出一些建议或信息等，包括：说明有什么错误、不足等都可以写到留言板里，然后等待管理员的查看。用户留言页面示意图5-5 用户留言页面用户进入本网站后，可以在浏览网页后登陆用户，则进入留言界面，填写相关留言信息如：、内容等，然后点击提交即可，图5-6用户留言信息页面. 产品展示模块的实现用户可以通过点击网站上方的产品展示来了解我公司销售的产品，用户想买什么，想看什么，可以通过搜索来完成。如下图5-7

33、所示：图5-7 商品查询页面5.3网站的后台实现. 管理员登陆界面的实现管理员进入浏览器后点后台管理进入登陆界面，如下图5-8所示：图5-8 管理员登陆页面管理员输入用户名和密码后，成功后即可进入后台管理系统，不成功则会出现如下情况，如图5-9所示：图5-9 登陆不成功界面如遇此情况必须在数据库中添加才会有用户。该界面实现的主要代码如下所示10：font-size:12px; font-family: helvetica,微软雅黑,宋体；color: #ffffff; a.b:visited text-decoration: none;font-size:12px;font-family: h

34、elvetica,微软雅黑,宋体;color: #ffffff; a.b:active text-decoration: underline;color: #ff0000; a.b:hover text-decoration: underline; color: #ffffff .table1 border: 1px solid #cccccc; .font font-size: 12px;text-decoration: none;color: #999999;line-height: 20px; .input font-size: 12px;color: #999999;text-deco

35、ration: none;border: 0px none #999999; td font-size: 12px;color: #007ab5; form margin: 1px;padding: 1px; input border: 0px;height: 26px;color: #007ab5;.unnamed1 border: thin none #ffffff; .unnamed1 border: thin none #ffffff; select border: 1px solid #cccccc;height: 18px;color: #666666;.unnamed1 bord

36、er: thin none #ffffff; body background-repeat: no-repeat;background-color: #9cd;background-position: 0px 0px; .tablelinenotop border-top: 0px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 0px solid #cccccc;border-left: 1px solid #cccccc; .tablelinenotopdown border-top: 1px solid #eeee

37、ee;border-right: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;border-left: 1px solid #eeeeee; .style6 font-size: 9pt; color: #7b8ac3; .style7 color: #6dcef5 - meta http-equiv content-type content text/html; charset gb2312 script language javascript function check if .value | docu.valu

38、e alert 请输入完整 ;return false; table width 681 border 0 align center cellpadding 0 cellspacing 0 style margin-top:120px td width 353 height 259 align center background images/login_1.gif table width 100% height 100% border 0 cellpadding 0 cellspacing 0 td height 227 table width 89% height 51 border 0

39、align center td align center div style font-family:宋体; color:#ffffff; filter:glow color #000000,strength 2 ; width: 100%; font-weight: bold; font-size: 19pt; margin-top:5pt div align center class style5 style7 div align right 102团铝厂 table width 90% border 0 cellspacing 3 cellpadding 0 td align right

40、 valign bottom style color:#05b8e4 power by a href /. target _blank by960 copyright 2011 td width 195 background images/login_2.gif table width 190 height 106 border 0 align center cellpadding 2 cellspacing 0 form method post name form1 action adminyanzheng.jsp td height 50 colspan 2 align left &nbs

41、p; td width 60 height 30 align left 用户名 input name username type text style background:url images/login_6.gif repeat-x; border:solid 1px #27b3fe; height:20px; width:100px; background-color:#ffffff id username td height 30 align left 密 码 input name pwd type password style background:url images/login_

42、6.gif repeat-x; border:solid 1px #27b3fe; height:20px; width:100px; background-color:#ffffff id pwd tr style display:none td height 30 align left 权 限 select name cx id cx option value 管理员 管理员 option value 普通用户 普通用户 td height 40 colspan 2 align center input name login type hidden id login value 1 img

43、 src images/tip.gif width 16 height 16 请勿非法登陆！ td colspan 2 align center input type submit name submit style background:url images/login_5.gif no-repeat value 登 陆 onclick return check ; input type reset name submit style background:url images/login_5.gif no-repeat value 取 消 . 后台管理界面的实现后台管理是主要有以下几个功能

44、：管理员用户管理、站内新闻管理、促销方案管理、商品管理、企业成长管理、个人资料管理、注册用户管理和系统管理。后台管理页面如图5-9所示：图5-9 后台管理页面. 站内新闻信息发布模块的实现该模块的主要功能是让管理员可以添加一些本站的新闻类信息，站内新闻发布页面如图5-10所示：图5-10 站内新闻发布页面其实现的主要代码如下所示： 新闻通知 link href css.css type text/css rel stylesheet script language javascript src js/calendar.js script type text/javascript src js/

45、popup.js script type text/javascript function up tt var pop new popup contenttype:1,isreloadonclose:false,width:300,height:50 ; pop.setcontent contenturl,upload.jsp?result +tt ; pop.setcontent title,文件上传 ; pop.build ; pop.show ; script language javascript function check if docu.ti.value alert 请输入标题

46、;docu.ti.focus ;return false; if docu.ie.value alert 请输入类别 ;docu.ie.focus ;return false; if docu.jiaren.value alert 请输入添加人 ;docu.jiaren.focus ;return false; if docu.jilv.value alert 请输入点击率 ;docu.jilv.focus ;return false; function gow docu. xinwentongzhi_add.jsp?jihuabifffanhao +docu.abifffanhao.valu

47、e; form name form1 id form1 method post action xinwentongzhi_add_post.jsp 添加新闻通知: table width 100% border 1 align center cellpadding 3 cellspacing 1 bordercolor #00ffff style border-collapse:collapse 标题： input name biaoti type text id biaoti value size 50 /  * 类别： input name leibie type text id

48、 leibie value % lb% /  * 内容： textarea name neirong style display:none iframe id ewebeditor1 src ewebeditor_v4.60/ewebeditor.htm?id neirong&style coolblue frameborder 0 scrolling no width 600 height 350 添加人： input name tianjiaren type text id tianjiaren value % request.getsession .getattribute u

49、sername % /  * 首页图片： input name shouyetupian type text id shouyetupian size 50 value /   input type button value 上传 onclick up shouyetupian / 点击率： input name dianjilv type text id dianjilv value 1 / input type submit name submit value 提交 onclick return check ; / input type reset name submi

50、t2 value 重置 / 图5-11已有站内新闻列表页面此系列页面所完成的功能是将新闻信息输入系统数据库，界面清晰，操作简便。.理模块的实现信息管理模块的实现如图5-11所示：图5-11 管理员信息管理页面实现本模块的主要代码如下所示：if request.getsession .getattribute cx .equals 超级管理员 out.print alert 对不起,您没有这个权限! ;history.back ; ; % page language java pageencoding gb2312% %string path request.getcontextpath ;st

51、ring basepath request.getscheme +:/+request.getservername +:+request.getserverport +path+/;% % page language java import java.sql.* % jsp:usebean id conndbbean scope page class db.db/ base href % basepath% 修改密码 script language javascript function check if .value alert 请输入用户名 ;.focus ;return false; if docu.value alert 请输入密码 ;docu.focus ;return false; if docu.value alert 请输入确认密码 ;docu.focus ;return false; if docu.value! docu.value alert 两次密码不一致,请确认 ;docu.value ; docu.value ;docu.focus ;return fa