。这种方式主要用于对具体的标签作具体的调整，其作用的范围只限于本标签。嵌入式样式表不能充分体现出CSS样式表的优越性，所以应用场合并不多。§2.5.2内联式样式表
若想只对当前页面应用样式，就要使用内联式样式表。所谓内联式样式表就是把样式表定义语句放在标签中，设置时通常放在HTML代码的
部分。§2.5.3外联式样式表外联式样式表是将指定的样式代码放到一个扩展名为.css的样式文件中以方便其他网页的调用。这种方式的优点是可以通过一个.css文件管理网站中的多个网页。如果要对网站中其他页面进行样式引用，可以先把样式用记事本定义成一个“.css”的文件。例如：打开记事本，将定义的名为h3的样式代码写到记事本中，保存的文件名为example.css，代码如下： h3{ font-family:”黑体”;color:green;font-style:italic;} 引用时在网页HTML代码的
标记后用和
。§2.6 超链接
超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。超链接对象：如果按照使用对象的不同，网页中的 6
链接又可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。超链接是一种对象，它以特殊编码的文本或图形的形式来实现链接，如果单击该链接，则相当于指示浏览器移至同一网页内的某个位置，或打开一个新的网页，或打开某一个新的">班级主页
目录
摘 要..................................................................................................................1 Abstract...............................................................................................................1 第一章绪论..........................................................................................................3 1.1研究背景.....................................................................................................3 1.2历史及现状................................................................................................3 1.3发展前景及优势.........................................................................................3 1.4 研究目的....................................................................................................4 1.5开发工具.....................................................................................................4 第二章系统需求分析...........................................................................................5 2.1功能分析.....................................................................................................5 2.1.1用户模块...............................................................................................5 2.1.2一级菜单模块.......................................................................................5 2.1.3商品模块...............................................................................................6 2.1.4购物车模块...........................................................................................6 2.1.5订单模块...............................................................................................6 2.2安全性分析.................................................................................................7 2.3运行分析.....................................................................................................7 2.4可行性分析.................................................................................................7 2.4.1技术可行性...........................................................................................7 2.4.2经济可行性...........................................................................................7 第三章系统总体设计...........................................................................................8 3.1设计概述.....................................................................................................8 3.2总体结构.....................................................................................................8 3.3各个模块功能.............................................................................................8 第四章系统数据库设计.......................................................................................10 4.1数据库需求分析.........................................................................................10
I
4.2概念结构设计............................................................................................10 4.3逻辑结构设计............................................................................................11 第五章系统详细设计..........................................................................................13 5.1前台界面设计............................................................................................13 5.1.1首页界面设计......................................................................................13 5.1.2主要界面设计......................................................................................15 5.1.3其他界面设计......................................................................................16 5.2关键问题设计............................................................................................18 5.2.1验证码技术..........................................................................................18 5.2.2左右无缝平移设计...............................................................................19 5.2.3轮播切换设计......................................................................................20 5.2.4平移图层..............................................................................................20 5.2.5分页技术..............................................................................................21 5.2.6 邮箱激活.............................................................................................21 参考文献.............................................................................................................24 致谢....................................................................................................................25
II
西华师范大学跳蚤市场网
xxx
计算机学院软件工程专业xxx级 指导教师：xxx
摘 要：随着Internet技术的发展，人们的日常生活已经离不开网络。未来社会人们的生活和工作将越来越依赖于数字技术的发展，越来越数字化、网络化、电子化、虚拟化。Internet的发展历程以及目前的应用状况和发展趋势，可以充分地相信网络技术将极大的改变我们的生活方式和工作方式，甚至社会的价值观也会发生某种变化。
本设计尝试用SPRING在网络上架构一个网上二手交易市场，让每一个学生都能在学校内完成二手商品交易，通过交易，不仅可以进行环保、节俭等传统文明教育，还可以让学生在学校内部进行电子商务的演练实训。本文从理论和实践两角度出发，对一个具有基本互动功能的在线二手商品交易网站进行设计与实现分析。论文首先较为详尽地介绍了面向对象分析与设计的有关概念与技术。接着对交易系统的可行性进行了分析，然后对系统的设计思想、设计目标与系统的整体结构进行了明确的规划。最后对系统的主要页面、数据库的设计与实现作了较为详细的讲解。
本网上二手商品交易系统是运用SPRING技术来实现的。其主要功能有用户登陆注册，商品查询，订单和购物车等功能。论文在撰写过程中，力求将应用相结合，对各种理论进行阐述的同时配合系统从实际应用和操作技巧上加以说明，希望能够更充分地体现到这些知识与技术在本系统中的应用与实现。关键词：电子商务、SPRING、数据库
The Flea Market Website of China West Normal University
xxx
School of Computer Software Engineering2013 Instructor: xxx
Abstract: Along with the development of Internet technology, daily life can not already do without the network.The life and work of the social people of future will depend on the development of digital technology more and more.Digitize more and more, the networking, electronic, virtual.Development course and present application state and development trend of Internet, can believe network technology great change life and working way of us fully, even certain change will take place in the values of the society.This procedure tries to build up a bookshop in the network with SPRING so that every customer needn't go out and can do shopping easily through surfing the Net at home.This article is analyzing the design and realization of an online bookshop with Data Mining function, from the views of theory and practice.Starting with introducing concepts and techniques of OOA and OOP in detail, especially introducing the knowledge which apply for this system, such as the feature and flow
of OOA and OOPanalyzing the featurestructure and using method of developing techniques SPRING and ADO.NET which using in my system.And then, this article analyses the feasibility of the system, then minutely layouts the design thoughts, goals and the system holistic framework.At last, this article minutely explains the design and realization of Web page layout, data base and application program of our system.This online bookstore system uses SPRING technology to realize on Visual Studio.Net platform.Its main function has users login and registration, thecommodity system, process of purchase, the comment of the books, etc.During the course of writing this article, I strive to integrate theory and practice.While expatiating the different kind of theories, I illuminate the application and operation skill combining the system so as to fully incarnate the application of these theories and techniques to this system.Keywords：Electronic Business, SPRING,DATABASE
第一章
绪
论
1.1研究背景
近几年来互联网的快速发展，“互联网+”的出现，促使多样化信息技术同实体进行联合，以及当代大学生成为网购的主力军，使得各种购物网、快递公司的蓬勃发展；伴随着电子商务的发展，保护环境、节俭节约、循环利用资源的意识在头脑中形成，二手商品交易成为一种发展方向，但是还没有一个专门只为当代大学生提供的一个纯粹的“二手网”。
在跳蚤市场中，甩卖的物品多为大四毕业学生在大学四年中的生活、学习、社交等用品。这些是他们无法带走或者舍不得丢掉的，但仍然可以再次利用起来的物品。这些旧物品对学弟学妹们来说可是一些宝贝，它可以为学弟学妹们提供一些方便的、可靠的、有效的学习资料，一些便宜的生活物资以及即将到来的大学毕业提供一些方向。
但是，从近几年的状况来看，毕业生大部分的东西是没有得到利用的，往往是以廉价卖给废品回收站，有的学弟学妹却以高额的价格从各个商店买来一些接下来的学习和生活可能需要的物品。
1.2历史及现状
跳蚤市场（flea market）是欧美等西方国家对旧货地摊市场的别称。由一个个地摊摊位组成，市场规模大小不等。出售商品多是旧货、人们多余的物品及未曾用过但已过时的衣物等，小到衣服上的小装饰物，大到完整的旧汽车、录像机、电视机、洗衣机，一应俱全，应有尽有。价格低廉，仅为新货价格的10％～30％。跳蚤市场的管理松散。有关flea market的来源，有两种理论： 据语源学家克丽丝汀·安默儿说，flea market最初来源于纽约的Fly Market，Fly Market是纽约下曼哈顿地区的一个固定市场，这一市场从美国独立战争(1775年)之前一直延续到大约1816年。Fly这个词来源于该市场的荷兰语名称Vly或Vile，这个词在荷兰语的意思是“山谷”，很巧的是，它在荷兰语中的发音正好和英语中的flea一样，所以就形成了英语中的flea market。
目前市场上有众多二手网，基本可分为二手房、二手车、二手书、二手日常用品这几大类；按地域则几乎每个地区都有本地的二手交易网。二手商品皆有一个破损率、折旧率的概念，因此不可能像新商品一样采用标明商品性能的方式，所以其信任度有待而估以及大都采用线下交易方式。
另外这些网站基本上全是会的都掺杂一些无聊广告、游戏推送，并没有一个很好专属于校园的二手网，页面无法很好的根据师生需求进行物品搜素。1.3发展前景及优势
首先，学校扩招，师生人数不断的增加，用户群将不断的更新扩大；其次，各个高校并没有专属于自己的跳蚤市场网，市场前景广阔；然后，学校、国家、社会对大学生创业的各个方面的引导以及支持；最为重要的是，现在网络的时代的快速发展，互联网涉及生活中每个角落，人们文化素质的提高，科技运用的普及等等[5]。
其次，最近年轻人惰性增加，对需要体力的事情拒之千里，从心里面产生抵触。另外，二手市场给予用户一个指路牌，直接将用户带到所要搜寻的商品面前，节省了用户在市场中心急如焚、汗流浃背、口干舌燥地寻找与砍价。依赖于品种丰富，购买者选择余地较大；购买方便、售价便宜等优势。从侧面给电子商务增 加潜在市场。
然后，该网站开发会逐步更新；管理涉及西华师范大学师生，管理经费较少。预计在近五年里Flea Market将快速占有四川高校市场，直到最后占有全国市场的大部分甚至更远。
1.4研究目的
以西华师范大学一年一度的跳蚤市场为背景，让废旧物品得到充分的利用；方便了同学也营造了节约光荣，浪费可耻的校园文化氛围；为在校师生提供一个供需平台，所有注册用户都可以将自己不用的东西放在网上，同时也可以在网上找到自己需要的东西，物美价廉，达到双赢；其次是间接性的为学弟学妹从中找到自己以后可能发展方向，并为之而努力奋斗。
1.5开发工具
开发工具：JerBrains WebStorm10、MyEclipse 10 开发语言：JAVA
运行环境：Windows XP/7/10 数据库：MySql JerBrains WebStorm的介绍： JerBrains WebStorm中文名为：网络风暴，享有WEB前端开发神器的名誉。功能上：具有JavaScript功能，例如：基于DOM，特定浏览器完成、编码导航和用法查询、支持结点、重构、单元测试等；具有批量代码分析、编辑语言混合、拼写检查、重复代码检测器的功能；支持H5、CSS/JS、显示内容及应用风格；具有便捷的环境，可以远程同步、集成版本控制系统、本地记录等。
另外，具有强烈的智能代码补全、代码优化、html提示、联想查询、代码重构，以及代码检查和快速修复、调试、结构浏览、折叠等等功能优势。
第二章
系统需求分析
2.1功能分析
为解决不同用户的不同需求，该网站主要功能有：用户模块、一级菜单分类模块、商品模块、购物车模块、订单模块等[1]。
2.1.1用户模块
根据对用户简单分析[2]，得出用户基本功能，见图2.1。
注册：前台的JS校验、使用AJAX完成对用户名异步校验、后台Struts 2校验、验证码、发送激活邮件、将用户信息存入数据库里面。
激活：根据激活码查询用户是否存在，激活或者修改用户状态。登陆：输入用户名和密码进行数据校验，验证码校验进行用户登陆。退出：销毁session。
图2.1 用户模块图
2.1.2一级菜单模块
查询一级分类及商品类型，并将分类存入到session范围类，同时查询到每个一级分类所属的二级分类，以及查询所有商品分类下面的所有商品，并采用分页方式显示，见图2.2。
图2.2 一级菜单模块图
2.1.3商品模块
对商品的展示，查询热门商品、查询最新商品、根据ID查询商品，见图2.3。
图2.3 商品模块图
2.1.4购物车模块
用户将商品添加到购物车、从购物车中移除商品、清空购物车中所有商品等，见图2.4。
图2.4 购物车模块图
2.1.5订单模块
为用户生成订单，将购物车中信息存入数据库中；为订单付款，在线支付、修改订单状态、修改订单信息；查询用户订单等，见图2.5。
图2.5 订单模块图
2.2安全性分析
安全方面，普通用户只可以查找商品、和卖家留言联系进行商品买卖；注册用户可以更改自己的相关信息、相关商品的管理、同买家留言交流；系统管理员可以对自身和注册用户基本信息进行操作，删除注册用户；可以对新闻、网站管理进行操作的用户，以及其他类型用户的相关权限借可以。系统是在网络上运行的多用户系统，采用了数据库安全性、操作系统安全性、程序安全性三重安全性管理来达到系统要求的安全性[3]。
2.3运行分析
支持系统运行的系统需要在Windows xp/7/10下，需要安装火狐浏览器、MySql数据库且数据库密码为123，以及tomcat7.0运行环境并保证接口8080没有被其他的占用。硬件方面需建立维护和使用制度，在硬件选择是要充分考虑硬件的负载和应用环境。软件方面则需对系统进行定期地维护，尽量能够预防各种BUG问题。
2.4可行性分析
可行性分析也称可行性研究，是在系统调查的基础上，针对新系统的开发是否具备必要性和可能性，对新系统的开发从技术、经济、社会的方面进行分析和研究，以避免投资失误，保证新系统的开发成功。
2.4.1技术可行性
前端采用HTML5、CSS3布局；JS、JQuery技术页面动画效果； AJAX页面数据的交互；代码分段、分类，重用率高，可维护性强[4]。后台SSH框架，着重struts和spring进行业务分层描写；代码层次清晰可维护性强。后端数据库采用SQL编写，轻便且功能强大，数据处理快、权限设置准确、数据安全性高。2.4.2经济可行性
经济可行性主要对系统的经济效益进行评价，该系统的设计与开发不需要特殊硬件，使用的软件为开源免费的，不会产生技术专利问题，同在开发过程中的经费低[5]。
第三章
系统总体设计
3.1设计概述
根据需求将网站划分为不同的模块，每个模块将完成特定功能，最后将每个模块链接起来，组成一个整体[6]。
3.2总体结构
根据需求分析，Flea Market网可以划分为：用户模块、商品模块、订单模块、购物车模块等。用户模块包括用户注册、登陆、激活、退出等功能；商品模块可以分为商品的查询、浏览；订单模块包括商品信息、订单信息、支付信息；购物车模块有商品信息、商品支付状态、商品添加删除等。详见图3.1。
图3.1 总体模块功能划分图
3.3各个模块功能
各个模块功能如下
用户模块：用户注册、用户激活、登陆、退出等功能。
图3.2 用户管理模块功能图 注册主要有，用户名(唯一标识)、密码、邮箱、姓名、性别、电话、地址，以及需要激活的验证码。
激活主要应用在用户登录时，将用户的状态修改。登录和注销用来管理用户的回话信息，登录时，网站会保留用户的基本信息，包括用户ID、用户名等。退出时用户信息会清除。
商品模块：根据热卖状态对商品的浏览，或者根据分类状态浏览商品。每个用户皆可以根据一定的条件对全部或部分商品搜索后浏览，并可以看到商品的一些基本信息。例如：商品名称、从不同角度展现出的图片、商品作用、购买时间、原价、现价等信息。
购物车模块：添加、移除、查询、清空等功能。
添加商品，用户根据商品ID将商品添加到购物车中。移除商品，只能根据商品ID移除单个商品。
查询购物车，查询购物车中商品的各种信息，包括商品种类、数量、单价以及总价。
清空购物车，一次性将购物车中所有的商品全部移除。
图3.3 购物车模块功能图
订单模块：商品添加后自动生成订单，用户根据需求查询订单、对商品进行支付等功能。
图3.4 订单模块功能图
第四章 系统数据库设计
4.1数据库需求分析
在整个动态网站设计中，数据库设计具有重要位置，数据库设计质量直接影响到数据库数据的冗余度，数据的一致性，数据丢失等问题。系统开发中数据可设计至关重要，它将影响整个系统的执行效率和可靠性，关系到系统管理员的操作、运行等的可靠性。
该网站开发过程中使用MySql数据库，数据库名为将j2ee，用户名root，数据库密码123。
4.2概念结构设计
数据库的概念结构设计就是将需求分析得到的用户需求抽象为信息结构，即概念模型。概念模型作为概念结构设计的表达工具，为数据库提供一个说明性结构，是设计数据库逻辑结构即逻辑模型的基础[3]。
数据库的概念结构设计就是将需求分析得到的用户需求抽象为信息结构，即概念模型。概念模型的种类很多，其中最著名、最实用的一种是E－R（实体－联系）模型，它将现实世界的信息结构统一用属性、实体以及他们之间的联系来描述[3]。
以下是本数据库系统E-R模型：
图4.1 数据库E-R模型图
4.3逻辑结构设计
该网站主要数据表有：用户信息表user、一级菜单表goodstitle、商品信息表product、二级菜单表goodstitlesecond、订单信息表orderitem、定单表order。
用户表user存放的为用户登录、注册信息，具体表结构设计见图4.2。
图4.2 用户信息表
一级菜单表goodstitle存放商品类型信息，具体表结构见图4.3。
图4.3 用户信息表
二级菜单表goodstitlesecond存放商品分类信息，具体表结构见图4.4。
图4.4 二级菜单表
商品信息表product存放商品各种基本信息，具体表结构见图4.5。
图4.5 商品信息表 订单信息表orderitem存放订单各种状态信息，具体表结构见图4.6。
图4.6 订单信息表
定单表order存放用户订购商品信息，具体表结构见图4.7。
图4.7 订单表
第五章 系统详细设计
5.1前台界面设计
界面是网站的门面，以达到美观、舒适、操作方便、信息准确、结构合理为标准。
5.1.1首页界面设计
用户一打开该网站，就通过客户端的首页对该网站的功能一目了然[1]。网站采取暖色调背景，促进用户的购物欲望。用户可以根据“图书”、“宿舍生活”、“户外活动”、“电器”、“其他”等不同类别浏览该网站，也可通过首页各个板块浏览商品信息。其中“注册”为注册成为普通用户的功能，“登陆”为有账号的[7]所有类型用户可以操作。其中头部和尾部的设计是一样的。
首页界面如下所示：
(a)头部
(b)热卖
(c)限时抢购
(d)促销区
(e)其他
(f)底部
图5.1 网站首页
5.1.2主要界面设计
商品展示界面为用户浏览商品信息的主要界面。按不同的分类浏览，不同的分类器商品信息不同，但功能风格相同。这里将展示出其界面。每种商品都以小图或者简介的形式展示，单击可以查看其详细信息和放大图片，以直观的方式介绍商品。另外，在每个页面中用户都可直接注册和登陆，商品类型，从而为用户操作提供方便。
商品界面如下所示：
(a)商品头部
(b)商品分页
图5.2 商品展示界面
登陆界面如下：
图5.3 用户登录界面
注册界面
图5.4 用户注册界面
5.1.3其他界面设计
用户查看所点击的商品的相关信息，并根据需求添加到购物车实行商品购买。
(a)商品详细 16
(b)商品推荐
图5.5 商品详情页界面
图5.6 购物车界面
(a)支付方式 17
(b)未支付
图5.7 订单界面
5.2关键问题设计
该网站采用MVC模型设计，设计到一些常用的技术手段[8]。
5.2.1验证码技术
防止用户利用机器人自动注册、登陆、灌水，皆采用验证码技术。所谓验证码，就是将一串随机产生的数字或字符，生成一个特定的字符串，用户识别其验证码信息，输入表单提交验证，验证成功后才可以使用其中特定的功能[9]。
验证码的实现流程是：服务器端随机生成验证吗字符串，保存在内存中，发送给浏览器显示；浏览器端输入验证码字符串，然后提交服务器端，提交的字符与服务器端保存的字符进行比较，若一致则继续下一步，否则返回提示。
验证码主要代码： BufferedImage img=new BufferedImage(150,30,BufferedImage.TYPE_INT_BGR);
Graphics g=img.getGraphics();
g.setColor(Color.black);
g.fillRect(0, 0, 150,30);
g.setFont(new Font(“楷体”,Font.BOLD,25));
Random ran=new Random();
String strs=“1234567890asdfghjklzxcvbnmqwertyuiop”;
StringBuffer sb=new StringBuffer();
for(int i=1;i<=4;i++){
char a=strs.charAt(ran.nextInt(strs.length()));
int r=ran.nextInt(255);
int g1=ran.nextInt(255);
int b=ran.nextInt(255);
g.setColor(new Color(r,g1,b));
switch(i){
case 1: g.drawString(a+“",20,15);break;
case 2: g.drawString(a+”“,60,25);break;
case 3:g.drawString(a+”“,90,15);break;
case 4: g.drawString(a+”“,130,20);break;
default: break;
}
sb.append(a);
}
ServletActionContext.getRequest().getSession().setAttribute(”validateCodeSession“,sb.toString());
for(int i=0;i<10;i++){
int x1=ran.nextInt(150);
int y1=ran.nextInt(30);
int x2=ran.nextInt(150);
int y2=ran.nextInt(30);
g.drawLine(x1, y1, x2, y2);
}
g.dispose();
ImageIO.write(img, ”jpg“, ServletActionContext.getResponse().getOutputStream());
return NONE;5.2.2左右无缝平移设计
图片或图层平移无间隙，缓和地平移图片或图层，使得页面效果更平缓。无缝平移主要代码： $:function(objName){
if(document.getElementById){ return eval('document.getElementById(”'+objName+'“)')
}else{ return eval('document.all.'+objName)} }，isIE:navigator.appVersion.indexOf(”MSIE“)!=-1?true:false，addEvent:function(l,i,I){
if(l.attachEvent){
l.attachEvent(”on“+i,I)
}else{
l.addEventListener(i,I,false)
}
}，delEvent:function(l,i,I){
if(l.detachEvent){
l.detachEvent(”on“+i,I)
}else{
l.removeEventListener(i,I,false)
}
}，readCookie:function(O){
var o=”“,l=O+”=“;if(document.cookie.length>0){
var i=document.cookie.indexOf(l);
if(i!=-1){
i+=l.length;var I=document.cookie.indexOf(”;“,i);
if(I==-1)I=document.cookie.length;
o=unescape(document.cookie.substring(i,I))
}
};
return o;
}，writeCookie:function(i,l,o,c){
var O=”“,I=”“;
if(o!=null){
O=new Date((new Date).getTime()+o*3600000);
O=”;expires=“+O.toGMTString()
};
if(c!=null){
I=”;domain=“+c;
};
document.cookie=i+”=“+escape(l)+O+I;
}，readStyle:function(I,l){
if(I.style[l]){
return I.style[l]
}else if(I.currentStyle){
return I.currentStyle[l];
}else if(document.defaultView&&document.defaultView.getComputedStyle){
var i=document.defaultView.getComputedStyle(I,null);
return i.getPropertyValue(l);
}else{
return null;
}
}
5.2.3轮播切换设计
图层轮播切换技术采用纯JS技术编写，实现页面动画效果。主要代码如下： NextPrev:function(e){
var btnClass =$(e.target || e.event).attr(”class“);
//alert(btnClass);
btnClass==”prev“?tag =-1:tag = 1;
var src = $(”.product-img img“).attr(”src“);
var newSrc = src.slice(0,-5);
var n = parseInt(src.slice(-5,-4));
n+=tag;
nn>this.max?n=this.min:n;
//alert(n);
$(”.product-img img“).attr(”src“,newSrc+n+”.jpg“);
}
5.2.4平移图层
图层平移一般应用在详情页面，当用户需要对象应商品进行更深层次的了解 时，需仔细查看图层的各个细节，其平移位置根据鼠标的位置而定。部分代码如下：
maskMove:function(e){
var x = e.offsetX;
var y = e.offsetY;
var left = xthis.MSize/2;
left = left<=0?0:left;
left>=this.MaxLft?this.MaxLft:left;
top = top<=0?0:top;
top>=this.MaxTop?this.MaxTop:top;
$(”#mask“).css({ ”left“:left+110, ”top“:top+170
});
} 5.2.5分页技术
当商品类型过多时，需对商品展示进行分页展示。先统计数据库中商品的总数，在根据页面展示的数量大小进行分页显示[10]。主要代码如下：
PageSet
pageSetBean=new PageSet
();
pageSetBean.setType(1);
pageSetBean.setPage(page);//设置当前页数
int limit=8;//设置当前显示记录数
pageSetBean.setLimit(limit);
int numberCount=0;//总记录数
numberCount=productDao.findnumberCount(gid);
pageSetBean.setNumberCount(numberCount);
int pageCount=0;//总页数
if(numberCount%limit==0){
pageCount=numberCount/limit;
}else{
pageCount=(numberCount/limit)+1;
}
pageSetBean.setPageCount(pageCount);
int begin=(page-1)*limit;//设置数据集合
List
list=productDao.findProductPage(gid,begin,limit);pageSetBean.setList(list);return pageSetBean;5.2.6 邮箱激活
用户注册时进行验证码激活。主要代码如下：
public static void sendEmail(String into,String codeNumber){
Properties p=new Properties();
p.setProperty(”mail.host“,”localhost“);
Session session=Session.getInstance(p,new Authenticator(){
@Override
protected javax.mail.PasswordAuthentication getPasswordAuthentication(){
return new PasswordAuthentication(”service@igou.com“, ”123“);
};
});
Message message =new MimeMessage(session);
try {
message.setFrom(new InternetAddress(”service@igou.com“));
message.addRecipient(RecipientType.TO, new InternetAddress(into));
message.setSubject(”email“);
message.setContent(”
email code “, ”text/html;charset=UTF-8");
Transport.send(message);
} catch(AddressException e){
// TODO Auto-generated catch block
e.printStackTrace();
} catch(MessagingException e){
// TODO Auto-generated catch block
e.printStackTrace();
}
}
结论
经过这三个月的毕业设计，我完成了flea market网站，即该网站从分析、设计到实现的三个过程。在设计过程中，通过查阅大量的相关资料、与同学交流经验、自学、并向老师请教等方式促使自己学到不少知识，并大大提高了实际操作能力。让我充分体会到在创造过程中的艰辛探索和成功的喜悦。
同时，通过开发这个网站让我对软件工程设计方面有了更深层次的理解，在前期需求分析和数据可设计时，没有很好的理解其相关性，导致后期在开发过程中出现框架设计错误，自己只能边设计边修改需求方案，最终在老师和自己的合理调整后解决了相应的问题，这是在今后项目开发是需要谨记得教训。
在实际项目开发过程中，由于时间和本人缺乏系统设计经验，因此网站依然存在一些遗憾和不足，比如验证的严谨性、浏览器之间的兼容性、后台操作的准确性等问题。虽然这些问题存在，但是在设计的过程中所学到的东西是这次毕业设计的最大收获和财富，使我终身受益。
参考文献
[1] 冀振燕．UML系统分析与设计教程[M]．北京：人民邮电出版社，2014.[2] 钱乐秋.软件工程[M].清华大学出版社，2013.[3] Baron Schwartz等.高性能MySQL 第三版[M].电子工业出版社，2013.5.[4] 陈华.Ajax从入门到精通[M].清华大学出版社，2012.[5] 刘克强.电子商务平台建设[M].人民邮电出版社，2011.[6] 郑阿奇.SQL Server数据库教程[M].北京：人民邮电出版社，2013.[7] 魏雪萍.完美网站建设全能[M].人民邮电出版社，2012.[8] 陈雄化 林开雄.Spring3.x企业应用开发实战[M].电子工业出版社，2013.5.[9] 刘京华.Java Web整合开发王者归来[M].清华大学出版社，2012.5.[10]葛一鸣等.Java 程序性能优化[M].清华大学出版社，2012.10.24
致
谢
在这三个月的忙碌和学习中，毕业设计也即将结束，作为一名本科生毕业设计，因经验不足，难免有诸多考虑不周的地方，在此衷心感谢李艳梅老师给予我的督促指导，对于网站设计有了更多新认识，对基本网站设计有进一步认识，对网站整体设计脉络了解更为清晰透彻；以及感谢各位同伴的支持与鼓舞，使得这次毕业设计顺利完成。
毕业设计，可以很好地总结大学四年中收获、认知。与此同时，帮助改变一些处理事情时的懒惰。从最开始的材料收集，整理资料，题目构思与确定，到网站设计以及搭建。每一步都需精心思考，认真查阅资料，仔细实际操作。
通过毕业设计，让我深刻领会到基础的重要性。它不仅帮助检验学生大学期间的学习成果，还可帮助我们更加清楚地认识自我，更多地磨练我们的意志与耐性，这会为我们今后的工作、生活带来巨大帮助。
最后，再次感谢李艳梅老师给予我的耐心、细致、全面的指导，感谢关心和鼓励我的同伴们，感谢学校老师、领导，感谢你们给予我的帮助与关怀；感谢西华师范大学计算机学院四年来为我提供良好的学习环境。
（论文设计（论文）题目
JSP动态网站设计
学 院 教 学 系 班 级
姓 名 指导教师
毕业设计）
毕业论文
JSP动态网站设计
摘要
随着Internet技术的发展,人们的日常生活已经离不开网络。未来社会人们的生活和工作将越来越依赖于数字技术的发展，越来越数字化、网络化、电子化、虚拟化。Internet的发展历程以及目前的应用状况和发展趋势，可以充分地相信网络技术将极大的改变我们的生活和工作方式，甚至社会的价值观也会发生某种变化。
企业网站，就是企业在互联网上进行网络建设和形像宣传的平台。企业网站就相当于一个企业的网络名片，不但对企业的形象是一个良好的宣传，同时可以辅助企业的销售，甚至可以通过网络直接帮助企业实现产品的销售，企业可以利用网站来进行宣传、产品资讯发布、招聘等等。企业网站的作用就是为展现公司形象，加强客户服务，完善网络业务，还可以与潜在客户建立商业联系。本网站使用JSP技术，所谓JSP就是在传统的网页HTML文件（*.html,*.htm）中加入Java程序片段（Scriptlet）和JSP标记（tag），就构成了JSP网页（*.jsp）。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序片段，然后执行结果以HMTL格式返回给客户。程序片段可以操作数据库、重新定向网页以及发送E-mail等，这就是建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅仅是结果，对客户浏览器的要求最低。
在Java的基础上开发出的JSP实现了动态页面与静态页面的分离，脱离了硬件平台的束缚以及编译后运行等方式，大大提高了其执行效率而逐渐成为Internet上的主流开发工具。在美国，EJB+Servlet+JSP几乎成为了电子商务的开发标准，而在我国也正逐渐兴起，不少网站都采用了JSP技术。全球电子商务的出现和发展，无疑为我国发展知识经济和推进现代化事业提供了历史机遇，也提出了严峻的挑战。电子商务是信息化社会的商务模式，也是商务的未来。作为一种现代商务模式，电子商务利用计算机网络检索和获取信息，对个人和公司提供决策服务，解决了组织、商家和客户的需求，减少了用于改善货物和服务质量的投入，加快了商品交易的速度。电子商务可以应用于制造到零售，从银行、金融机构到出版娱乐以及其他的任何企业。
关键词 ：电子商务 JSP MySQL
毕业论文
目 录
摘要...............................................................1 1绪论..............................................................1 1.1课题背景与来源..................................................1
1.2 课题研究意义...................................................1 1.3企业网站的由来和发展............................................2 2 开发工具的介绍及选择.............................................2 2.1 Dreamweaver8.0.................................................2 2.2 MyEclipse 8.5..................................................3 2.3 JavaScript.....................................................4 3 企业网站结构设计.................................................4 3.1 技术涉及领域...................................................4 3.2可行性分析......................................................8 3.3网站的设计与规划................................................8
3.3.1网站目的.................................................10 3.3.2网站概貌.................................................11 3.3.3功能规划.................................................11 4数据库设计实现...................................................11 4.1 数据库设计....................................................11 4.2注册表（tb_login）.............................................13 4.3产品表（product）..............................................14 4.4购物车表（tb_shop）............................................14 4.5 网页与数据库的链接代码........................................15 5模块功能实现.....................................................15 5.1系统总体结构设计...............................................15 5.2 主页页面......................................................16 5.3 登陆/注册.....................................................16 5.4购物页面.......................................................19 5.5其它页面实现...................................................21 6设计技巧和解决方法...............................................22 7总 结............................................................23 谢辞..............................................................24 参考文献..........................................................25
毕业论文
1绪论
1.1课题背景与来源
在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。
随着网络的发展，越来越多的企业需要搭建公司网站，将其作为对外宣传、推广、服务及传销的载体，来配合公司的发展和需要，使更多的客户通过网络来结盟公司。本课题根据企业的具体情况及需要，设计开发企业宣传网站，帮助其充分利用国际互联网上的信息资源，服务现有客户，挖掘潜在客户，最大限度地开拓属于另一片天空的市场。是目前使用最为广泛的软件系统。课题涉及的知识较广泛,其中包括了目前最新的网页设计技术，如WEB标准、XHTML技术的应用、CSS技术的应用、Javascript代码的设计、网站的配置及发布等等内容。通过实现该课题，学生对多种知识进行综合使用，达到融会贯通的程度，更重要的是在该课题的开发过程中学生使用WEB标准进行网页的设计，对网站的重构和优化有一个详细深入的认识，对于当前网页设计的最新技术和标准规范有了一次真实体验，使学生在就业前得到一次实践锻炼的机会，提前熟悉企业中网站开发的标准流程，更能适应当前市场的需求。
目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。企业网站也成为了一种时尚。越来越多的公司通过企业网站，打开网络世界的广阔市场，展示企业的文化和形象。
1.2 课题研究意义
通过对这一题目的设计实现, 使学生巩固、提高和综合运用已学知识，同时培养学生综合知识的应用能力，提高学生分析问题和解决问题的能力，学会设计工作思路、方法、步骤，提高技术应用能力；进一步培养学生树立严谨的科学作风和良好的工作能力，提高独立思考与团队合作的能力。通过对本课题的设计，力图使学生能熟练掌握利用XHTML＋CSS+Javascript等语言开发网页的过程和开发方法，深刻地体会到在开发网页时使用CSS技术的优越性，获得实际的开发经验，熟悉一个实际项目的开发过程和开发方法，增加自己的编程实践经验，为自己将来的工作奠定一个坚实的基础。随着互联网的发展，网站已经越来越引起人们的关注，很多种搭建网页的编程语言应运而生。JSP是一种动态网页的编程语言，它是在传统的网页HTML文件中插入Java程序段和JSP标记,从而形成JSP文件。
毕业论文
用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。自JSP推出后，众多大公司都支持JSP技术的服务器，如IBM、Oracle、Bea公司等，所以JSP迅速成为商业应用的服务器端语言。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。JSP是在服务器端执行的，通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。正因为JSP拥有如此多的优点，在社会上也成为了流行的编程语言，深受民众的普遍受欢迎。成功完成一项由JSP语言汇编的网页，将会大大提高学生的编程技术，使学生在就业前得到一次实践锻炼的机会，提前熟悉企业中网站开发的标准流程，使学生更能适应市场的需求。
1.3企业网站的由来和发展
互联网在中国的出现只有短短七年时间，1994年中国科学院高能物理研究所设立了国内第一个Web服务器，推出一个叫做“中国之窗”的网页，这可能是国内Internet上出现的第一个Web网页，1995年开始，中国教育科研网，中国科技网，中国公用计算机互联网以及中国金桥网这构成中国数字神经系统的四大互联网络相继建成，使互联网在中国开始真正进入社会生活之中。
企业网站，就是企业在互联网上进行网络建设和形像宣传的平台。企业网站就相当于一个企业的网络名片，不但对企业的形象是一个良好的宣传，同时可以辅助企业的销售，甚至可以通过网络直接帮助企业实现产品的销售，企业可以利用网站来进行宣传、产品资讯发布、招聘等等。企业网站的作用就是为展现公司形象，加强客户服务，完善网络业务，还可以与潜在客户建立商业联系。随着网络的发展，出现了提供网络资讯为盈利手段的网络公司，通常这些公司的网站上提供人们生活各个方面的资讯，如时事新闻、旅游、娱乐、经济等。开发工具的介绍及选择
2.1 Dreamweaver8.0 Web(World Wide Web，简称 编辑器和其他编程工具（包括 Microsoft Visual Studio.NET）一起工作。这不仅使得 Web 开发更加方便，而且还能提供这些工具必须提供的所有优点，包括开发人员可以用来将服务器控件拖放到 Web 页的 GUI 和完全集成的调试支持。微软为ASP.NET设计了这样一些策略：易于写出结构清晰的代码、代码易于重用和共享、可用编译类语言编写等等，目的是让程序员更容易开发出Web应用，满足计算向Web转移的战略需要。
JSP（JavaServer Pages）是Sun公司推出的一种动态网页技术。JSP技术是以Java语言作为脚本语言的，熟悉JAVA语言的人可以很快上手。JSP本身虽然也是脚本语言，但是却和PHP、ASP有着本质的区别。PHP和ASP都是由语言引擎解释执行程序代码，而JSP代码却被编译成Servlet并由Java虚拟机执行，这种编译操作仅在对JSP页面的第一次请求时发生。因此普遍认为JSP的执行效率比PHP和ASP都高。JSP是一种服务器端的脚本语言，最大的好处就是开发效率较高，JSP可以使用JavaBeans或者EJB（Enterprise JavaBeans）来执行应用程序所要求的更为复杂的处理，但是这种网站架构因为其业务规则代码与页面代码混为一团，不利于维护，因此并不适应大型应用的要求，取而代之的是基于MVC的Web架构。MVC的核心思想是将应用分为模型、视图和控制器三部分。模型是指应用程序的数据，以及对这些数据的操作；视图是指用户界面；控制器负责用户界面和程序数据之间的同步。通过MVC的Web架构，可以弱化各个部分的耦合关系，并将业务逻辑处理与页面以及数据分离开来，这样当其中一个模块的代码发生改变时，并不影响其他模块的正常运行，所以基于MVC的Web架构更适应于大型应用开发的潮流。因此，不少国外的大型企业系统
毕业论文
和商务系统都使用以上的MVC架构，能够支持高度复杂的基于Web的大型应用。
<5> JSP开发环境: JDK：Java Development Kit，Java开发工具集 Tomcat：服务器
IDE：Integated Development Environment，集成开发环境 常用：Eclipse（MyEclipse）、JBuilder 3.2可行性分析
（1）经济可行性分析：网页开发费用可以接受，开发周期短，网站使用期持久。（2）技术可行性分析：计算机硬件和软件的飞速发展为网页提供了技术条件。（3）社会可行性分析：在当前信息技术飞速发展的大环境下，计算机技术和软件技术的更新是网页，完全有可能也有能力采用这样先进的技术。
3.3网站的设计与规划
JSP页面包含的元素：JSP代码、JSP指令、JSP动作。JSP代码指的是嵌入在JSP页面中的Java代码。JSP指令是为JSP引擎设计的，它告诉JSP引擎如何处理代码，比如引入一个其他的类、设置JSP用的语言等。JSP动作是用来控制JSP引擎的动作，比如可以根据某个条件动态跳转到另一个页面。JSP的内建对象由JSP容器自动为JSP页面提供，是预先存在的。在编写JSP程序时，可以直接使用内建对象。
JSP的常用内建对象有：
<1>out：传送信息到客户端的浏览器。<2>request：包装客户端的请求信息。<3>response：响应客户端的请求。<4>session：客户端请求的一次回话。
JDBC（Java Data Base Connectivity）Java数据库连接。是一种用于执行SQL语句的Java API，可以为多种关系数据库提供统一访问，由一组用Java语言编写的类和接口组成。
MySQL的安装、建库、表、增删改查、MyEclipse Database Browser。使用JDBC访问MySQL步骤： <1>加载驱动程序类 <2>建立连接
<3>创建能够发送SQL语句的对象 <4>执行发送的SQL语句 <5>处理返回结果 <6>关闭连接
毕业论文
加载驱动程序类: try{ Class.forName(“com.mysql.jdbc.Driver”);} catch(Exception e){ e.printStackTrace();} 建立连接: Connection conn=DriverManager.getConnection(“jdbc:mysql://localhost:3306/数据库名”,”用户名”,”密码”);创建能够发送SQL语句的对象: Statement：向数据库提交SQL语句并返回相应结果的工具。Statement st=conn.createStatement();PreparedStatement：继承Statement接口，当一条SQL语句需要稍加变化而反复执行时，通常可以使用PreparedStatement。
PreparedStatement ps=conn.prepareStatment(“sql”);
CallableStatement：继承PreparedStatement接口，用于执行存储过程。CallableStatement cs=conn.prepareCall(“sql”);执行发送的SQL语句: int n=st.executeUpdate(“sql”);/* 增删改*/ int n=ps.executeUpdate();ResultSet rs=st.executeQuery(“sql”);/* 查询*/ ResultSet rs=ps.executeQuery();cs.execute();/*其它*/ 处理返回结果: 增删改:if(n>0)操作成功！else 操作失败！
查询:while(rs.next()){rs.getxxx(“列名”)//获取结果集中的值} 关闭连接conn.close();JavaBean目前代表性的组件技术有COM、COM+、JavaBean、EJB、CORBA。它基于组件的软件设计拥有组件可重复使用、易于替换和升级、加快软件开发速度，缩短生产周期的优势。JavaBean支持可视化和非可视化两种组件。可视化组件在运行中能够显示出来。非可视化组件通常用来处理一些复杂事物，一般不会有可视化的输出。JSP只支持一些非可视化的JavaBean来实现一些比较复杂的事务处理。
Servlet是服务器端的Java小程序，用于响应客户端的请求。一般会把处理结果以HTML的形式返回，在客户端形成动态网页。Servlet和JSP的区别是JSP更加注重页面的表现，而Servlet更注重业务逻辑的实现，且编写Servlet较难。JSP只能处理浏览器的请求，而Servlet还可以处理客户端的应用程序请求，可以认为Servlet加强了Web服务器的功能。
毕业论文
一个Web项目至少分为三层：数据层、业务逻辑层和表示层。数据层通过数据库保存数据。业务逻辑层用来完成数据计算、数据分析、数据库连接等处理工作。表示层用来完成HTML页面的输出。
Servlet的生命周期分为：初始化、处理客户端的请求和销毁三个阶段。当服务器装载一个Servlet的时候，服务器创建一个Servlet实例，并且调用Servlet的init()方法。在初始化阶段，Servlet初始化参数被传递给Servlet配置对象。在服务器装载和初始化Servlet后，服务器会创建特定的“请求”对象和一个“响应”对象。服务器调用Servlet的service()方法，用于传递“请求”和“响应”对象。service()方法从“请求”对象获得请求信息，处理该请求并用“响应”对象的方法将响应返回客户端。service()方法可以调用其他方法来处理请求，例如doGet()、doPost()等方法。如果服务器不再需要或重新装入Servlet实例时，服务器会调用Servlet的destroy()方法以终止请求。
Servlet基本方法: <1>init()：在Servlet的生命周期中，init()方法仅执行一次。它是在服务器装入Servlet时执行的。
<2>service()：该方法是Servlet的核心。每当客户端请求一个Servlet实例时，该实例的service()方法就会被调用。默认条件下调用与HTTP请求方法相应的do功能。如果HTTP请求方法是GET，则默认条件下调用doGet()方法；如果HTTP请求方法是POST，则默认情况下调用doPost()方法。
<3>destroy()：该方法只执行一次，即在服务器停止并卸载Servlet时被调用。Servlet编写
<4>Servlet是Java类。
<5>一般Servlet是javax.servlet.HttpServlet的子类，需覆盖doGet()和doPost()方法来完成相应功能。
<6>Servlet编写完成需配置web.xml文件： Servlet、Servlet-mapping 3.3.1网站目的
通常情况下，架设企业网站主要是为满足公司的基本业务以及日益扩大的商务应用能够随时升级，拥有产品销售业务的企业以网络营销为目的，在互联网上进行企业宣传。企业网站建设是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。本网站的功能在一般网站的功能上需要适当创新和添加。
毕业论文
3.3.2网站概貌
因为是企业网站，所以需要包涵公司要求的各方面内容，在突出企业的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台设计。3.3.3功能规划
网站设计有公司动态更新，浏览者可以在首页了解世纪互联数据中心的基本信息，并且可以登录和注册账户，在后台设计页面中，管理员可以对网站信息进行管理。站内的其它页面均是按照公司整体需求进行设计的。
<1>主页
主页可以让用户看见公司的简单介绍。<2>登陆/注册
愿意了解公司的客户需要进行注册登陆。<3>商品展示
是对公司产品的一个陈列说明，可以让客户进行选购。<4>购物车 让用户选购产品。<5>服务内容
世纪互联公司不只是产品销售公司，它的服务范围涵盖IT界各项内容。<6>招聘信息
对人才的需求也是公司的重点，通过招聘信息浏览者可以申请公司职位。
4数据库设计实现
对于数据库的需求而言，由于其主要是用于信息的提供、保存、更新和查询等利用数据库设计用户数据表保存用户数据。我们以系统功能所隐含的对数据应用的需求，确定了数据库的结构，并建立了数据表。本网站数据库BuinessDB。BuinessDB里创建了多个数据表tb_login、product和购物车表（tb_shop）。
4.1 数据库设计
数据库是计算机应用系统中的一种专门管理数据资源的系统。数据有多种形式，如文字、数码、符号、图形、图像以及声音等。数据是所有计算机系统所要处理的对象。人们所熟知的一种处理办法是制作文件，即将处理过程编成程序文件，将所涉及的数据按程序要求组织成数据文件，用程序文件来调用。数据文件与程序文件保持着一定的对应关系。在计算机应用迅速发展的情况下，这种文件式方法便显出不足。比如，它使得数据通用性差，不便于移植，在不同文件中存储大量重复信息、浪费存储空间、更新不便等。数据库系统便能解决上述问题。数据库系统不从具体的应用程序
毕业论文
出发，而是立足于数据本身的管理，它将所有数据保存在数据库中，进行科学的组织，并借助于数据库管理系统，以它为中介，与各种应用程序或应用系统接口，使之能方便地使用数据库中的数据。
这段说明介绍的确非常详细，可能让人看得头晕眼花了，其实简单地说数据库就是一组经过计算机整理后的数据，存储在一个或多个文件中，而管理这个数据库的软件就称之为数据库管理系统。一般一个数据库系统（Database System）可分为数据库（Database）与数据管理系统（Database Management System，DBMS）两个部分。
数据库解决方案分为两个基本类别：数据库服务(DBaaS)和数据服务(DaaS)。这两者间的主要区别在于数据是怎样管理的。
DaaS使你可以定义你的数据，然后你可以从世界任何地方通过Internet连接对这些数据进行查询。不同于传统的数据库解决方案，DaaS不执行典型RDBMS接口，例如SQL。而是通过一套通用的API访问数据。此外，DaaS是最适合于基础数据的查询和操纵等管理。
DBaaS是一个更为强大的数据解决方案，它提供全面的数据库功能。在DBaaS中，管理层负责连续监测和配置数据库，以实现优化缩放、高可用性、多租户、并在云中有效的分配资源。因此，开发者可以免去许多繁琐乏味的数据库管理操作的麻烦，因为这些会被自动处理。
有三种基本的基于云数据库的服务，它们的不同在于用户定制环境的灵活性。对于扩展性，云计算是用户访问一个只有操作系统的准机器，而对于这个操作系统用户有充分的灵活性安装和配置选定的RDBMS软件。这种安装被认为云服务基础设施(IaaS)。Amazon Elasti Computing Cloud(EC2)就是这种服务的一个很好的例子。对于想对其托管的数据库具有完全控制权的人来说，这个平台是一个很好的选择。
另一个在云中部署RDBMS通用模型的是虚拟设备模型。虚拟设备是一个预装载并预配置设备的虚拟机。Amazon还在其EC2云中部署预配置了MySQL、Oracle和Microsoft SQL Server的虚拟设备。
最后，本地云数据服务，例如Xeround’s MySQL云数据库使用NoSQL数据库，通过Web界面进行管理。本地云数据库往往得到更好的设备以便能够更好地使用云资源，并且与非云RDBMS使用的软件相比提供更好的可用性与稳定性。
正如现在云计算一样棘手，让陌生人访问您的数据要考虑清楚，不能掉以轻心。低价格：这可能是使企业进入云行列的第一个原因。使用基于云数据库解决方案，可以从硬件、软件许可以及服务实施等方面大幅降低运营成本和支出，因为你只需要对所使用的部分买单。
扩展性与灵活性：数据库托管公司往往处于有利位置，为了得到更高的效率并减少未使用的空间而使资源得到最大化。他们根据你不断变化的业务需求而对服务进行增加或缩减。
毕业论文
高效率：云计算提供了硬件共享、流程自动化和技术熟练的好处。你和你的员工可以从任何地方、使用任何电脑、移动设备或浏览器访问数据库。它还能从整体上降低资源的使用。
缺点： 安全问题：云计算中一个值得关注的事情是你的数据是通过网络访问的。这就产生了一系列问题，你会给某人提供机会攻击你的数据库服务商并且窃取你宝贵的资料吗？这样安全漏洞事件是谁的责任呢？当第三方丢失客户信息时，你不能也不应该只躲在云供应商后面。除了网页接入问题，怎样才能使供应商的物理位置安全呢？他们经常进行备份么？有异地数据存储么？这些实在没有办法百分之百的确定。你只能相信你的供应商能照顾好您的数据。
互联网连接风险的损失：由于你的数据通过网络进行交互，你应该考虑失去数据库连接将会对你的企业生产带来怎样的影响。这种风险你能忍受么？这里有个叫做五个九的高可用性标准。在99.999%的时间正常运行，每年停机时间约为五分钟。你能期望它保证具有这种可靠性么？
定制的局限性：当处理如此多的业务时，要求数据库服务商要很灵活。如果需要深度定制并且与现有系统集成来为日常业务服务，那么云计算能够适应你的需求吗。
4.2注册表（tb_login）
主要记录用户在注册时的个人基本信息，用户可以对这个表中的信息进行修改。
表 5-1-1 注册表的逻辑结构
详细数据表如下：
5-1-用户注册表
毕业论文
4.3产品表（product）
主要记录公司为客户提供的产品信息，客户可以浏览，购买这个表中的产品。管理员可对产品信息进行增加、删除及修改。
表5-2-1 产品表的逻辑结构
详细数据表如表：
表5-2-2 产品数据表
4.4购物车表（tb_shop）
购物车表，主要用来存放用户已加入购物车的商品。
表5-3-1 购物车表的逻辑结构
详细数据表如表：
表5-3-2 购物车数据表
毕业论文
4.5 网页与数据库的链接代码
在JSP网站设计搭建中，数据库要想与网页链接必须要有DBconn代码。
5模块功能实现
5.1系统总体结构设计
本网站主要图片由公司提供，划分为上下两部分，上部分是一个Web用户控件，这种控件可以在Web窗体中进行引用，这样这个网站的风格有了一定的统一；下部分分左右两部分，左边主要显示各个页面应有的内容，右边为内容的视觉表达，每个网页的布局都是这样，使整个网站统一化。因为公司网站的原因，整个网站的颜色都比较大众化，所以一般不采用暖色调来填充颜色，因本网站主要图片的人性化设计，在风格上也向部分网站进行了模仿，为使整个网站在美观上有所提高，我们对一些图片进行了修改。
图4-1-1 系统总体结构设计图
毕业论文
5.2 主页页面
主页面包含注册、登录、产品浏览、购物车、招聘信息以及后台管理等主要功能链接，简洁明了的模块化分给顾客直观的感受和足够的参考信息。
图4-5-1 主页面
主页样式设计代码如下：
登陆/注册
(1)登陆页面：输入用户名及密码，若与数据表中有匹配项则登陆成功。
毕业论文
图4-2-1 登陆页设计图
用户登录jsp代码如下：
<%
if(request.getParameter(“username”)!=null&&request.getParameter(“pass{
String strName=request.getParameter(”username“);String strPass=request.getParameter(”password“);Class.forName(”com.mysql.jdbc.Driver“);Connection word”)!=null)conn=DriverManager.getConnection(“jdbc:mysql://localhost:3306/test”,“root”,“");
Statement stat=conn.createStatement();String strSql=”select count(*)from tb_login where ResultSet result=stat.executeQuery(strSql);result.next();if(result.getInt(1)==1){ session.setAttribute(“login”,“ok”);response.sendRedirect(“main.jsp”);
} else
{ out.println(“用户名或密码输入错误！”);out.println(“返回>> 重新输入”);} result.close();} username='“+strName+”'and password='“+strPass+”'“;
%>
毕业论文
(2)注册页面：取得用户的信息并保存。
图4-2-2 注册页设计
用户注册jsp代码如下：
<%if(!request.getParameter(”Password“).equals(request.getParameter(”Password1“))){ out.println(”密码输入不一致！
out.println(”返回 “);} else{ try{ //加载驱动程序
Class.forName(”com.mysql.jdbc.Driver“);//建立连接
Connection conn=DriverManager.getConnection(”jdbc:mysql://localhost:3306/test“,”root“,”“);//创建能够发送SQL语句的对象
Statement st=conn.createStatement();String sql=”insert into tb_login values('“+request.getParameter(”ID“)+ ”','“+request.getParameter(”Name“)+”',“+request.getParameter(”Password“)+”)“;sql=new String(sql.getBytes(”ISO-8859-1“),”GBK“);//执行SQL语句
int n=st.executeUpdate(sql);//处理执行结果
if(n>0){ out.println(”“);} else{ out.println(”“);}} %>
毕业论文
5.4购物页面
购物车模块主要的核心功能就是产品展示和购物车，这个模块分三个页面来实现，浏览页面实现加入购物车，购物车页面实现购物车管理。
图4-3-1 产品展示页
购物页面：消费客户能够查看虚拟购物车内的所有产品，并且已登陆的客户可以删除图书。当客户删除产品项之后，系统会及时更新数据表中相应内容。在浏览页点击加入购物车就可实现加入虚拟购物车功能，在购物车页面，已登陆的消费者可以看到自己将购买的商品，同时也可删除商品。
图4-3-2 购物车效果图
毕业论文
购物车jsp代码如下：
<%try{ //加载驱动程序 Class.forName(”com.mysql.jdbc.Driver“);//建立连接 Connection conn=DriverManager.getConnection(”jdbc:mysql://localhost:3306/test“,”root“,”“);//创建能够发送SQL语句的对象
Statement st=conn.createStatement();String sql=”insert into tb_shop values('“+request.getParameter(”ID“)+ ”','“+request.getParameter(”Name“)+”',“+request.getParameter(”Number“)+”,“+request.getParameter(”Price“)+”)“;sql=new String(sql.getBytes(”ISO-8859-1“),”GBK“);//执行SQL语句 int n=st.executeUpdate(sql);//处理执行结果 if(n>0){ out.println(”“);} else{ out.println(”“);} } catch(Exception e){ %>
e.printStackTrace();}
浏览页面：消费者可以通过浏览产品目录，查看和选择产品。当用户浏览目录的时候，可以遍历产品类别的层次，并且查看属于各个类别的产品列表，当查看完产品后，消费用户就能够将想购买的产品放在他们的虚拟购物车中。
图4-3-3 购物车查看图
毕业论文
购物车信息表代码如下：
<% int n=0;//用户人数
try{Class.forName(”com.mysql.jdbc.Driver“);Connection conn=DriverManager.getConnection(”jdbc:mysql://localhost:3306/test“,”root“,”“);Statement st=conn.createStatement();String sql=”select * from tb_shop“;ResultSet rs=st.executeQuery(sql);while(rs.next()){ out.println(”
“);out.println(”“+rs.getString(”pname“)+” “);out.println(”“+rs.getString(”number“)+” “);out.println(”“+rs.getInt(”price“)+” “);out.println(” ");n++;} conn.close();} catch(Exception e){e.printStackTrace();} %>5.5其它页面实现
企业网站包涵公司要求的各方面内容，需要对公司服务内容进行详细的说明介绍，世纪互联数据中心是IT行业相当成熟的企业，它覆盖了几乎所有网络行业的服务内容，为网络用户需求带来全面的服务。
图4-4-1 企业服务介绍
毕业论文
6设计技巧和解决方法
我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在 Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。有时我们为了要达到一种逼真的效果，希望鼠标移动到某个链接上时能有动感产生。使用Dreamweaver可以很容易实现这种效果。设计时，我们首先需要准备两幅图象，第一幅是原始图象，第二幅是鼠标移动上去后的图象。接着用鼠标单击第一幅图，在属性面板中的链接栏中填上要链接的文件，然后单击键盘上的F8键，在弹出的Behaviors窗口中单击“+”号，随后选择“swap image”，在接着出现的窗口中选择第二幅图象，最后单击确定就可以了。
本次为期三个月多的毕业设计是大学三年所学知识的综合运用，是理论与实践相得综合考察。这种毕业设计项目的选做,不仅可以巩固了所学的书本知识,还能学到了许多课堂上和书本上无法学到的实践知识，提高我们的自学能力，增强了专业技术的水平，同时也为今后从事本专业的工作打下了的基础。
毕业论文
7总 结
经过几个月的努力，我们的毕业设计终于完成了。通过结合毕设计划书的要求，制定了公司网站系统管理的计划方案，本网站可实现用户注册、登录、修改信息、购物、生成订单、浏览产品等公司网站应具备的功能，同时添加了用户管理系统，进一步完善了本网站的功能，在这次公司网站系统的设计过程中我受到很大启发：在网站开发与设计上，体会到了理论与实际结合的重要性，认识到做一个完美的网站不仅仅要考虑到网站功能及其效果的实现，更应该注重网站与用户的有机结合。
在老师耐心细致的指导下，同学之间相互交流，同时翻阅了大量的资料(包括网上资料，书本及学校的一些相关资料)经过近一段时间的努力，企业网站的设计制作告一段落。总结这次“世纪互联网站”开发制作过程，我们综合使用了目前因特网上比较流行的各种静态、动态制作方法，并对初步利用后台程序完成生成网页的技术。同时也从中学习了对静态页面的处理风格，色彩搭配，页面导航方面有了一定经验。目前网站的制作技术与要求，都已经告别了因特网初期网站制作的“幼稚”期，随着各类网站的迅速增加与浏览者需求的提高，无不要求网站从立意，策划，页面设计到后台程序的全面提高。无论是个人网站还是企业网站都必须被要求从浏览者角度出发，最大限度的满足用户的要求，这也是以后各类网站发展竞争的真正实质所在。
本次设计由于设计时间较紧，且相关模块比较多，加之设计经验的不足，在网站的整体设计及各模块功能可能设计的不完全，有待于进一步的完善和改进。虽然在完成项目的过程中也遇到过各种困难,但最终我们达到了自己的预期目标,虽然此网站与其它网站相比仍有很多不足,但是整个制作过程才是整个项目最宝贵的地方,最后, 由于时间仓促以及本人水平有限，本系统还有很多不完善之处，也难免存在错漏，恳请各位老师多多指点。
毕业论文
谢辞
毕业论文
参考文献
[1] 吴涛主编.网站全程设计技术[M].北京：清华大学出版社，2006,7.[2] 龙马工作室编.JSP+SQL Server组建动态网站实例精讲[M].北京：人民邮出版社，2008,4.[3] 赵增敏编.JSP动态网页设计[M].电子工业出版社，2003,8.[4] 任学文，范严编.网页设计与制作[M].中国科学技术出版社，2006,8.[5] 武创，王惠.网页设计探索之旅 [M].电子工业出版社，2006,9.[6] 杜巧玲等编.网页设计超级梦幻组合[M].清华大学出版社, 2003,3.[7] 吴黎兵，罗云芳编.网页设计教程[M].武汉大学出版社，2006,2.[8] 庄王健编.网页设计三剑客白金教程[M].电子工业出版社，2006,1.[9] 泽卡斯著，李松峰，曹力译.JavaScript高级程序设计(第2版)[J].人民邮电出版社，2010.[10] 唐永明.浅议网页设计与制作[J].科技信息，2009(20).[11] 陈孝强等编.Dreamweaver8 必练[M].北京：清华大学出版社，2006.[12]（美）特里等著，谢文亮译.《SQL Server 2005深入开发系列——SQLServer 2005报表服务高级编程》[M].北京：清华大学出版社，2007.[13] 王华杰，孙一波等编.《C#数据库开发技术》[J].清华大学出版社，2003,2.
目 录
摘 要.......................................................................I ABSTRACT...................................................................II 1 绪 言.....................................................................1 1.1 课题的可行性分析......................................................1 1.2 总体设计..............................................................2 1.3 网站设计思想..........................................................3 2 相关技术..................................................................3 2.1 ASP简介...............................................................3 2.1.1 Asp的优势.........................................................3 2.1.2 Asp的特点.........................................................4 2.2 MACROMEDIA DREAMWEAVER 8简介..............................................5 2.3 MICROMEDIA FLASH 8.0.....................................................5 2.4 ADOBE PHOTOSHOP8.0.......................................................6 2.5 ACCESS数据库的简介.....................................................6 2.5.1 Access数据库概述..................................................6 2.5.2 Access数据库的优点................................................6 2.5.3 ADO数据访问技术...................................................7 3 网站总体分析与设计........................................................7 3.1 网站系统分析..........................................................7 3.2 网站数据库详细设计....................................................8 3.3 每个页面的详细设计....................................................9 3.3.1 网站主页..........................................................9 3.3.2 音乐欣赏.........................................................10 3.3.3 班级相册模块.....................................................10 3.3.4 美文模块.........................................................12 3.3.5 留言模块.........................................................14 4 结束语...................................................................18 致 谢......................................................................19 参考文献...................................................................20
摘 要
班级网站是一个班级和外界交流的窗口，也是本班同学相互联系、交流的平台。本设计是用Dreamweaver排版页面，中间嵌入asp编程来实现各个功能。网站利用IIS-ASP构成三层式WEB结构中的中间一层，将浏览器/服务器结构与WEB密切结合，完成前、后端两者的集成输出功能。网站以互联网信息服务(IIS)为依托，后台采用access数据库服务，兼容性强。本设计界面友好，功能直观，方便用户在互联网上访问本网站。
网站首页提供一些其他常用网站的链接，让用户方便去这些网站搜集自己所要的信息。班级动态是公布班级里一些重大事务或重要通知的地方，普通用户只可以浏览新闻，而管理员享有发布、修改、删除新闻的权利。影集里是用户存放照片的地方，用户可以在这里浏览其他用户上传的照片，或者自己也可以上传照片；管理员享有修改、删除照片的权利。论坛是用来给用户相互交流，高谈阔论的地方，普通用户只能编辑自己的帖子，而管理员则可以编辑任何人的帖子。
关键字：班级网站；ASP；Access；留言板
I
ABSTRACT
The net station is a window which can communicate with outside world, It's also a terrace with which classmates can get in touch with each other and communicate with other classmates.This construction used Dreamweaver to compose the interfaces and actualize every function with asp program.the net station make use of IIS-ASP to constitute the middle layer of three layers WEB framework, with which, make explorer/service and WEB combine closely, so, it can complete pre-end and back-end’s function of corpus output.the net station relay on Internet Information Server(IIS), and use the database of access ,it is strong compatible.this net station has friendly interface and it’s function is intuitivism.because of these, the customers can visit this net station with internet easily.The net station’s header provide some net station’s catenate which used often.it can help customer to collect information that he need expediently.Class dynamic is a place where the administrator will announce some important events or important notification.general customer can browse news only, and the administrator can announce, mending and delete news.there are photos in the album, the customer can browse other customer’s photo ,or spread own photos.the administrator have the obligation of modify, delete the photos.Beside these, the customers also can communicate with each other and talk volubly with the forum.General customer can only edit own article, and the administrator can edit any customer’s article.Keywords：Class Webpage;ASP;Access;Message board
II 1 绪 言
据中国互联网络信息中心（CNNIC）2007年4月发布的调查数据，在我国3.03亿网民中，学生占到33.2%，而这其中在校学生更是网民的主体。在大学校园里，拥有个人电脑的学生与日俱增。在连上教育网的大学宿舍里，一个个学生一整天挂在网上，开着BBS，开着QQ，他们在上面凭借一个个ID浏览、发布信息，与人交流，甚至是与自己相距80公分的室友。BBS几乎成为大学校园次文化的一个组成部分。特别是大学班级网站这一特殊的虚拟社区，近年来也像QQ和手机短信一样，逐渐成为年轻人的一种时尚。
既然网络已经融入了学生的日常生活，成为他们学习、生活中不可或缺的部分，而现实又迫切需要有新的集体建设的方式来弥补传统班级管理的缺陷，那么能否发挥网络的功能，服务于班集体建设便成为自然的思考。所以该论文所涉及讨论的班级网站就是班级现实组织在网络上的一种延伸和映射，建立班级网站的目的是为了探索高校班级建设的新方式，构建班级建设的新平台。1.1 课题的可行性分析
随着网络信息时代的来临，互联网应用越来越广泛，从网上获取并且发布信息已成为现代计算机应用的一大特色。一个网站，是一个传媒，也是一个窗口。普通人可以通过浏览各个网站，接触到许多从书本上学不到的知识，还可以看看新闻之类当作是一种消遣。而一个企业，一个个体通过制作自己的网站，向全世界宣传自己的产品，提供各种产品的信息供顾客参考，并兼顾销售。这时，网站也就成为对外的窗口。同时，网站上普遍都有一些免费资源，从而达到资源共享，使得我们足不出户都能得到想要的资料。现在很多企业、学校、乃至班级都有自己的网站，通过网站使数据处理更方便快捷，人员访问更方便。
班级网站是使用计算机对毕业班级大学生活以及以后方便联系而开发的系统。通过使用计算机技术、信息技术、数据库技术，来实现远程网络联系，资源共享为目标，利用先进的硬件设备，对班级网站进行一定的错误的调试和纠正以及网站完整性的规划。
在该项目的可行性研究与计划工作中，通过对网络工作环境进行的实地调查和自己掌握的知识的程度，通过对资料的整体和对整体网站的构想和实现程度进行的全面的分析得出了结论，这个网站的任务对是完全可以达到的。主要分析如下所述：
（1）技术可行性 通过以往学习和总结得到的经验，首先我熟练掌握了基础软件Dreamweaver的使用，可以使用它对网站的整体结构进行完整的设计规划。Flash是一款很好的动画制作软件，可以对网页的进一步完善起到至关重要的作用。后台数据库设计使用Microsoft公司提供的office软件中自带的Access软件，数据表存储格式为*.MDB。通过它对数据可以很方便的进行管理，也可以很容易的移植到其他数据库系统中。因此，在技术上，开发班级网站是可行的。
（2）经济可行性
对于我来说已经不用再到其他的网吧或者借用其他人的电脑来完成自己的班级网站的设计，自己可以在自己的电脑中完成对网站开发的所有工作，而且这次对班级网站的开发也是完全不需要资金的投入的，主要是时间和精力的投入，所以经济这方面是完全可行的。
（3）人员可行性
作为班级网站的设计，我已掌握了大部分设计软件的使用，包括Dreamweaver的使用、Flash动画软件的使用、Photoshop美化软件的使用、Access数据软件的使用、Asp知识的灵活运用等等，完全有能力成功设计出这个班级网站的。另在辅导老师的大力支持和帮助下，其他曾经参与过其他网站设计的同学等等所有的人力都已经完全大具备的情况下，实现班级网站的设计在人员上是完全可行的。
综上所述，系统开发是完全可行的。1.2 总体设计
在总体设计中要解决的问题是“做什么”以及“怎么做”问题。总体设计的任务是：划分出组成网页的物理元素，如：程序、文件、数据库、过程和文档等。
（1）设计网页的结构，确定中每个程序由哪些模块组成，并确定模块与模块之间的关系。
（2）寻找实现目标网页的各种不同的方案，然后从中选取合理的方案，列出组成网页的所有物理元素，制定实现这个方案的进一步计划。
（3）选择一个最佳方案，并进一步为这个最佳方案设计软件结构，进行必要的数据库设计。
一、版面设计(Dreamweaver)Dreamweaver网页设计软件，它的功能非常强大，几乎可以完成很多网页的整体规划。它可以连续修改一个或几个网页的外观和格式，能够显著增强和扩展HTML元素，从而实现更少的编码、更少的页数和更快的下载速度。选取一个固定的版面格式，为页面设计确定方向。
二、建立数据库
运用Access，因其具有强大的数据仓库，并提供了一个全面的平台，从而使设计、建立、维护和使用数据仓库解决方案变得迅速而轻松，这样的数据仓库解决方案让决策过程在准确的信息基础上更为有效。在逻辑结构基本确定之后，再根据应用需要对设计结构进行适当的修改和调整以期进一步完善设计，提高应用系统的性能。这种修改和调整包括以下这两个方面：
（1）增加必要的冗余数据。
（2）如果经常要做的查询是两个关系的连接，则可以考虑是否可以将两个关系合并为一个关系。
数据试运行合格后，数据开发工作就基本完成，即可投入正式运行了。但是，由于应用环境在不断变化，数据运行过程中物理存储也会不断变化，对数据设计进行评价、调整、修改等维护工作是一个长期的任务，也是设计工作的继续和提高。1.3 网站设计思想
通过班级网站，全面宣传，展示班级风采、优点与特色，发布班级的重大活动安排，增强同学之间的相互联系，提高办事效率。相关技术
本系统是以Asp技术，以DreamWeaver 8.0、Micromedia Flash 8.0、Adobe photoshop8.0作为开发工具，Access数据库管理为基础而设计的一个班级网站。2.1 Asp简介
2.1.1 Asp的优势
在制作本系统过程中的一个至关重要的环节就是网页的制作。而在当今世界上，用于制作网页的工具比比皆是，如ASP、PHP、JSP等等。但我之所以选择ASP制作本系统,原 因在于asp是微软公司最为流行的开放式的Web服务器应用程序开发技术，它相对于其他网页制作工具具有自己独特的优势,是一套微软开发的服务器端运行的脚本平台。
与一般的程序不同，.asp 程序无须编译，ASP 程序的控制部份，是使用 VBScript、JScript 等脚本语言来设计的，当执行 ASP 程序时，脚本程序将一整套命令发送给脚本解释器(即脚本引擎)，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。当然，同其他编程语言一样，ASP 程序的编写也遵循一定的规则，如果你想使用你所喜爱的脚本语言编写 ASP 程序，那么你的服务器上必须要有能解释这种脚本语言的脚本解释器。当你安装 ASP 时，系统提供了两种脚本语言： VBsrcipt 和 JScript，而 VBscript 则被作为系统默认的脚本语言。ASP 本身并不是一种脚本语言，它只是提供了一种使镶嵌在 HTML 页面中的脚本程序得以运行的环境。因此，我使用asp作为制作本网站的主要技术和工具，一方面符合了现阶段制作网页的流行趋势，很好地做到了与世界前沿的接轨，可以最大限度地利用世界上现有的动态网页资源，丰富制作手段；另一方面使用asp制作这个系统，可以最大化地发挥asp技术的优势，简化制作程序，减少工作时间，降低制作成本，这也是本文选择ASP作为开发工具最重要的原因之一。
2.1.2 Asp的特点
（1）任何开发工具皆可开发ASP
只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页开发工具，例如，FrontPage Express、FrontPage等也都可以。
由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。
（2）语言相容性高
ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。
（3）隐密安全性高
如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因为ASP程序先于网站服务（Web Server）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。（4）易于操控数据库
ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel” 文件当成数据库用。
（5）面向对象学习容易
ASP具备有面向对象（Object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。2.2 Macromedia Dreamweaver 8简介
Dreamweaver是由美国MACROMEDIA公司开发的，是集网页制作和管理网站于一身的网页编辑器，它是目前市场上有关网页设计、制作功能非常强大的软件，操作界面友好，可扩展性能强，是网页设计制作领域的主流工具。
由于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。常用的Dreamweaver工作区组件有以下若干种：
(1)文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。(2)装载器中包含一些打开和关闭常用检查器和模板的按钮。
(3)对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。(4)属性检查器显示选定对象的属性。
(5)快捷菜单可以使用户对当前选择或区域快速执行某些命令。
(6)可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。
2.3 Micromedia Flash 8.0 FLASH是Macromedia公司出品的，用在互联网上动态的、互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。
FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。
不仅如此，FLASH用其内置语句并结合JAVASCRIPE，还可作出互动性很强的主页。但 是，必须安装插件PLUG-IN，才能被浏览器所接受。2.4 Adobe Photoshop8.0 Photoshop 8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。Photoshop 8.0的主要特点是：
(1)文字处理更加方便。(2)使图层管理更有序。
(3)新增图像功能：图像的剪切和剪裁更加方便。
(4)将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参数的设置。(5)为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。2.5 Access数据库的简介
2.5.1 Access数据库概述
数据库是有结构的数据集合,它与一般的数据文件不同，是一串文字或数字流。数据库中的数据可以是文字、图象、声音等。
Microsoft Access是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。表与表之间可以建立关系（或称关联，连接），以便查询相关联的信息。Access数据库以文件形式保存，文件的扩展名是DB。
2.5.2 Access数据库的优点
Access 是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。Access是一种关系型数据库管理系统，其优点如下：
(1)完善地管理各种数据库对象，具有强大的数据组织、用户管理、安全检查等功能。(2)强大的数据处理功能，在一个工作组级别的网络环境中，使用Access开发的多用户数据库管理系统具有传统的XBASE（DBASE、FoxBASE的统称）数据库系统所无法实现的客户服务器(Cient/Server)结构和相应的数据库安全机制，Access具备了许多先进的大型 数据库管理系统所具备的特征，如事务处理/出错回滚能力等。
(3)可以方便地生成各种数据对象，利用存储的数据建立窗体和报表，可视性好。(4)作为Office套件的一部分，可以与Office集成，实现无缝连接。
(5)能够利用Web检索和发布数据，实现与Internet的连接。Access主要适用于中小型应用系统，或作为客户机/服务器系统中的客户端数据库。
2.5.3 ADO数据访问技术
连接一个本地数据库或远程数据库。打开一个指定的数据库表，或定义一个基于结构化查询语言(SQL)的查询、或存储过程、或该数据库中的表的视图的记录集合。将数据字段的数值传递给数据绑定的控件，可以在这些控件中显示或更改这些数值。添加新的记录，或根据对显示在绑定的控件中的数据的任何更改来更新一个数据库。
ADO连接数据库的通用代码：（1）添加的代码为：
<%Conn.execute(“insert into tab data**)values('**','**')”)
Conn.close
set Conn=nothing response.Redirect(“datalist.asp”)
%>（2）删除的代码为：
<%Conn.execute(“delete * from tab data where id=”+request.QueryString(“did”))'Response.Write(“delete * from tab data where id=”+request.QueryString(“did”))Conn.close
set Conn=nothing
response.Redirect(“datalist.asp”)
%> 3 网站总体分析与设计
3.1 网站系统分析
根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将自己的班级网站分为五个栏目：
（1）班级首页
通过一定的flash动画设计和动态的文字实现首页的展示，从侧面反映班级的和睦和 团结。
（2）班级风采
通过班级体、校内外的趣事、宿舍间的故事展现班级体，从中多数是以照片和文字结合的效果来展现的。
（3）音乐
在其中展示个人喜欢的歌曲，朋友们可以在里面点播自己喜欢的歌。（4）美文
在其中展示个人喜欢的文章，朋友们可以在里面欣赏到经典的文章。（5）留言板
是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，就我们感兴趣的话题展开讨论，和大家进行沟通。3.2 网站数据库详细设计
一、用户表yh 存储了用户的档案包括：id、name、ly、hf、lytime等。id字段采用自动编号，为该表的主关键字；name字段为留言者的名称；ly字段为留言的内容；hf字段为管理员进行回复的内容；lytime字段代表留言的时间。它的设计视图如下图3-1所示。
图3-1 yh表
二、管理员表admin 管理员表是为管理员服务的，该表包括字段为id、name、password字段。其中id为主关键字，name和password分别代表用户名和密码。它的设计视图如下图3-2所示。
图3-2 admin表 以上数据表为Access类型的库文件，将它定名为：“ly.mdb”。3.3 每个页面的详细设计
3.3.1 网站主页
网站主页采用静、动相结合的方式，即静态的主画面和动态的flash动画相结合以及滚动的消息条相组合而成，以蛋黄色为背景色，充分体现班级的勃勃生气，静态的图片起到了一定的承托动态文字的作用,起到了一定的美化作用，而动态的文字就得利用到了JavaScript 等脚本语言来设计的,使之可以实现移动的效果也利用Dreamweaver实现了链接的功能。
班级网站的主页面构图如下图3-3所示，首页中导航栏包含了如网站首页、班级相册、音乐天地、美文欣赏、留言板等板块，从多方面展示网站作者的生活动态。
图3-3 网站首页
1、flash的制作
主页的大篇幅被一个flash占据,并且我使用flash实现了它对其他班级网站页面的链接,该flash给人以一种新鲜活泼的感觉,充分的反应了当代大学生的积极乐观的风貌,在该flash中点击一定的页面内容都会出现一定的动画效果,可以给每一个浏览该页面的人一种轻松愉悦的心情。3.3.2 音乐欣赏
音乐欣板块供浏览者在闲暇之余享受到一份安宁，用淡淡的紫色作为背景给人一种舒心的感觉。在这个板块中添加的主要音乐有我校校歌，阳光总在风雨后等一些激励的歌曲，同时通过点击不同的音乐还会伴随着歌词的出现，该板块页面如下图3-4所示。
图3-4 音乐界面
音乐欣赏界面的核心代码为：
3.3.3 班级相册模块班级相册主要展示我们班级同学的精神面貌，以及展现出我们班级和谐相处，互敬互爱的高尚素质。班级相册页面如下图3-5所示。
图3-5 班级相册 班级相册主要是采用Micromedia Flash 8.0技术制作的，自制动画是由四个图层组成，主要使用动作补间动画和形状补间动画制成。动作补间动画的原理是根据实例属性的变化来形成动画效果。它的前提条件是对象必须是一个元件的实例、文本或组；分离的对象不能形成动作补间动画。对于在舞台上绘制的图形，一定要将图形组合或转换为元件之后，才能形成动作补间动画。动作补间动画实际上就是给一个对象的两个关键帧分别定义不同的属性，如大小、颜色、位置、角度以及透明度等，在这两个关键帧之间建立一种变化关系。形状补间动画是根据对象的形状变化来实现的动画，只需要给出动画的第一帧和最后一帧的对象形状，中间的动画过程由系统自动生成。实现形状动画的前提条件是，对象必须为矢量图形。班级相册页面的核心代码如下：
stop();//动画开始时停止
var i:Number = 1;//设置变量i的初始值为1 prev_mc.gotoAndStop(2);//“prev_mc”影片，开始让它停止在第2帧，让按钮变成灰色并失去作用，因为动画开始时没有上一张图片
onEnterFrame = function(){//运行每一帧时执行以下函数
片
if(_root._currentframe == 11){//如果主场景播放到第11帧
} if(_root._currentframe == 20){//如果主场景播放到第20帧
} gotoAndStop(2);//主场景动画停止在第2帧
pictures.gotoAndStop(i);//“pictures”影片停止在第i帧，从第11帧出现第i张图
next_mc.next_btn.onRelease = function(){//“next_mc”影片中的按钮在释放时执行以
if(i<28){//如果变量i小于28（“pictures”影片中只有5张图片）
下函数
i++;//每点击“next_mc”影片中的按钮时变量i递增1，“pictures”影片也跳转 到下一帧
prev_mc.gotoAndStop(1);//“prev_mc”影片停止在第1帧，即让按钮变黑并起
作用，因为此时有了上一张图片
} play();//主场景动画开始播放 if(i == 28){//如果变量i等于28
next_mc.gotoAndStop(2);//“next_mc”影片停止在第1帧，即让按钮变成灰色
并失去作用，因为此时没有下一张图片
};} prev_mc.prev_btn.onRelease = function(){//“prev_mc”影片中的按钮在释放时执行以
if(i>1){//如果变量i大于1
下函数
i--;//每点击“prev_mc”影片中的按钮时变量i递减1，“pictures”影片也跳转 到上一帧
next_mc.gotoAndStop(1);//“next_mc”影片停止在第1帧，即让按钮变黑并起
作用，因为此时有了下一张图片
} play();//主场景动画开始播放
if(i == 1){//如果变量i等于1
prev_mc.gotoAndStop(2);//“prev_mc”影片停止在第2帧，即让按钮变成灰色
并失去作用，因为此时没有上一张图片
};3.3.4 美文模块 };} 美文，顾名思义就是美好的文辞。美文，顾名思义就是美好的文辞。有人把美文比作一杯好茶，看着舒雅，泡在杯里，茶叶慢慢地舒展开来，一股淡淡地清香犹如袅袅升起的饮烟，撩拔起心中的欲想，于是情不自尽地想品上一口，几许苦涩，几许甘甜，从口中一直向心田传去。
该模块主要包括友谊是一棵树、做个努力的人、我们学会感恩等一些文章，该模块左边有一个导航栏目，通过点击不同的美文可以在页面查看该文章的内容。该模块的页面如下图3-6所示。
图3-6 美文界面
美文界面的核心代码如下所示：
…………………………………………………………………………………………………………………………………
友谊是一株树
忙的时候，想要休息；
度假的时候，想到未来。
穷的时候，渴望富有；
生活安逸了，怕幸福不能长久。
该决定的时候，担心结果不如预期；
看明白了，后悔当初没有下定决心。
不属于自己的，常常心存欲望；
握在手里了，又怀念未拥有前的轻松。
生命若不是现在，那是何时？
一个人可以毫无道理跟你做一辈子亲戚,但
一个人不会毫无道理跟你做一辈子朋友
我会想起与你们认识的种种.
也会想起发生过的点点滴滴.
直到我们都年老时是否会像现在这样坐在电脑前互诉心声？
不管如何,希望我们永远是真诚相对的朋友(知己)
朋友就是喜欢你也了解你的人
愿你都能珍惜身边每一个朋友
因为你我有缘份，才能成为朋友
可以成为知己的，更难得！
时间未必是你我成为知己的原因
但一定可以证明到
你对朋友的关怀不是白费！
3.3.5 留言模块本板块由发表留言和查看留言两部分组成。查看留言结果为网页lyxs.asp，用来显示用户发言的内容；发表留言为页面zxly.asp，大家可以畅谈自己的想法。留言板与数据库book.mdb相连，其中数据库连接页面conn.asp
点击咨询 