计算机网站设计.docx
《计算机网站设计.docx》由会员分享，可在线阅读，更多相关《计算机网站设计.docx（31页珍藏版）》请在冰豆网上搜索。
计算机网站设计
购物网站设计和实现
第一章：
绪论
1．1设计思想
1．2开发工具的选用及介绍
1．3实现的关键技术
第二章：
网站总体分析与设计
2．1网站系统分析
2．2主页设计
2．3数据字典
第三章：
详细设计
3．1购物系统
3．1．1功能
3．1．2组成结构
3．1．3界面设计与重点难点代码设计
3．2产品介绍系统
3．2．1功能介绍
3．2．2组成结构
3．2．3界面设计与重点难点代码设计
第四章：
结束语
夏勇
2005年4月15日
第一章绪论
近年来，随着internet的迅速崛起，互联网已日益成为收集提供信息的最佳渠道并逐步进入传统的流通领域。
于是电子商务开始流行起来，越来越多的商家在网上建起在线商店，向消费者展示出一种新颖的购物理念。
网上订购系统作为B2S,B2C（Businesstocustomer,即企业对消费者），C2C（Customertocustomer,即消费者对消费者）电子商务的前端商务平台，在其商务活动全过程中起着举足轻重的作用。
本文旨在商讨如何建设B2C的网上购物系统。
设计思想
通过网站，全面宣传展示企业的形象和进行网上销售产品，打破传统的销售模式，提高企业的办事效率。
JSP的优势：
JAVAserverpages:
“JAVA服务器网页”,一般简称为“JSP”,JSP产生的执行结果都是标准的HTML格式,而且这些程序师在网络服务端中执行,使用一般的浏览器（如IE或Netscape）都可以正确的获得JSPDE“执行”结果，并且将这JSP执行的结果直接在浏览器中“浏览”，不像Javascrlpt是在客户端（client）的浏览器上执行。
JSP的特点：
任何开发工具皆可开发JSP
只要使用一般的文书编辑程序，如Windwos记事本，就可以编辑。
当然，其他网页发展工具，例如，FrontpageExpress,Frontpage等也可以；不过还是建议你用记事本来写，既省钱又方便，如实使用那些所见即所得的网页编辑来写JSP，可能会发生一些意想不到的离奇状态。
JSP直接内嵌在HTML中，非常简单易用，大大降低了程序设计开发的难度。
JSP程序中可以直接嵌入Java代码，也可以直接运用Java所提供各类包，这样就大大加强了JSP程序本身的功能。
JSP程序在被请求执行时，服务器端相关软件产生Servlet的执行文件，存储于服务器内存中，并将结果返回到客户端，HDBC提供了与数据库产品无关的数据库连接方式，因此JSP程序与客户端系统无关，可以非常方便地跨平台使用。
语言相容性高
由于JSP采用的是JAVA虚拟机，所以在把程序编译成JAVA虚拟机能够处理的信息后，再由JSVA虚拟机解释执行，这样它就可以运行在不同的平台下，又由于JSP是SUN公司J2EE的两大主流开发系统之一，所以JSP是一种面向对象得编程语言。
隐秘安全性高
如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的JSP程序代码是看不到的！
JSP是一种面向对象的编程语言，它的很多实现方法都可以进行封装，这样即使有人下载了JSP的原代码，但是它并不知道类的具体位置，也就不知道他的实现方法。
易于操控数据库
JSP可以轻易地通过JDBC-ODBC驱动程序连接各种不同的数据库，例如：
Acess,Foxpro,dBase,Oracle,Sqlserver等等，另外，JSP亦可将“文本文件”或是“Excel”文件当成数据库用。
基于以上原因，所以我选择了JSP结合Frontpage构架电脑网站。
实现的关键技术
1.3.1Serviet介绍
Serviet是使用javaservlet应用程序设计接口及相关类和方法的java程序。
它在web服务器上或应用服务器上运行并扩展了该服务器的能力。
Jacaserclet对于web服务器就好像jacaapplet对于web浏览器。
Applet装入web浏览器并在web浏览器内执行，而servlet则是装入web服务器并在web服务器内执行。
Jaeasercletapl定义了servlet服务器之间的一个标准接口，这使得servlet具有跨服务器平台的特征。
1.3.2TOMCAT介绍
Tomcat是一个免费的开源的servlet容器，它是apsche基金会的jakarta项目中的一个核心项目，由于apache,sun和其他一些公司及个人共同开发而成。
由于有了sun的参与和支持，最新的servlet和jsp规范总能在tomcat中得到体现。
与传统的左面应用程序不同，tomcat中的应用程序师一个WAR（webarchive）文件。
WAR是sun提出的一种web应用程序格式，与JAR类似，也是许多文件的一个压缩包。
这个包中的文件按一定目录结构来组织：
通常其根目录下包含有html和jsp文件或者包含着两种文件的目录，另外还会有一个WEB-INF目录，这个目录很重要。
通常在WEB-INF目录下有一个文件和一个classes目录，是这个应用的配置文件，而classes目录下则包含编译好的servlet累和jsp或servlet所依赖的其它内（如javabean）。
通常这些所依赖的类也可以打包成JAR方到WEB-TNF下得lib目录下，当然也可以当道系统的CLASSPATH中，但那样移植和管理起来不方便。
1.3.3JDK介绍
JDK是整个java的核心，包括了java运行环境（javaruntimeenvirnment）,一堆java工具和java基础的类库（）。
不论什么java应用服务器实质都是内置了某个版本的JDK。
因此掌握JDK是学好java的第一步。
1.3.4JDBC-ODBC技术
JDBC是java的开发者—sun的javasoft公司制定的java数据库连接（javadatabasecnnectivity）技术的简称，是为各种常用数据库提供无缝连接的技术。
JDBC在web和internet应用程序中的作用和ODBC在windows系列平台应用程序中的作用类似。
ODBC（opendatabaseconnectivity），称为开放式数据库互联技术，是由microsort公司倡导并得到世界普遍响应的一门数据库连接技术，如果读者有使用ODBC编程的经验，就会发现JDBC与ODBC很类似。
DIBC现在可以连接的数据库包括：
xbase，oracle，sybase，aceess，SQLSERVER以及paradox等。
1.3.5JDBCAPL
JDBCAPL使开发者不必不断重写程序而可以建立数据库前台。
尽管ANSL委员会有个标准组，但每个数据库系统厂家的系统连接和通讯方法仍然五花八门。
为了建立健全独立于平台的应用程序和基于web的小程序，开发人员应考虑用java开发前台连接办法，从外部看，第三方软件开发者通过专用办法，通过本地方法集成客户机方库或通过建立第三层和新协议来满足这种需求。
Javasoft是sun公司负责开发java产品的业务单位，和数据库与数据工具厂家一起建立独立于DBMS的机制，使开发人员不必考虑所用的特定数据而编写客户机方应用程序。
产生的JDBCAPL第一版是核心JDK2的一部分。
JDBC向应用程序开发者提供了独立于数据库的统一的APL。
这个APL提供了编写的标准和考虑所有不同应用程序设计的标准。
其奥秘是一组由驱动程序实现的java接口。
驱动程序负责标准JDBC调用向支持的数据库所要的集团调用转变。
应用程序编写一次并移植到各种驱动程序上。
应用程序不变，驱动程序则各不相同。
驱动程序可以用于开发多层数据库设计的中间层，也称中间件（middleware）。
除了向开发者提供统一的独立于DBMS的框架外，JDBC还提供了让开发者保持数据库厂家提供的特定功能和方法。
JDBC驱动程序必须支持ANSIAQL-2项目层，但JDBC允许开发者直接将查询字符串递到连接的驱动程序。
这些字段可能是ANSLSQL也可能不是，或者根本不是AQL。
这些字符串的使用时基础驱动程序的事。
JDBC不是mincrosoft的ODBC（开放式数据库连接）规范派生的，JDBC完全是用java编写的，而ODBC是个C接口。
但是，JDBC和ODBC都是基于X／开放SQL命令接口（CLI），相同的概念性基础使API工作进展更快，使APL得接受更加容易。
Javasoft提供了JDBC变成ODBC的JDBC-ODBC桥。
这个用本地方法完成的版本很小很有效。
一般来说，JDBCAPL中有两层接口：
应用程序层，开发人员用API通过SQL调用数据库和取得结果，驱动程序层，处理与具体驱动程序版本的所有通讯。
每个JDBC应用程序（或小程序）至少要有一个JDBC程序，每个驱动程序是针对一种DBMS的。
但驱动程序不必直接联到数据库。
第二章网站总体分析与设计
网站系统分析
根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：
1公司简介通过文字和图片来展现。
1企业荣誉通过文字来展现。
1产品介绍通过商城动态，最新商品，特价商品，购物车，我的账户等栏目来实现。
1联系我们通过公司地址，邮政编码，电话，电子邮箱来展现。
主页设计
网站主页采用文字和图片相结合，体现公司的主营方向，静态主页方式介绍公司和公司的荣誉，对于产品介绍，留言，购物车，就得用于JSP与数据库结合的技术建立书籍库查询管网站流程图如下：
数据字典
采用的数据库是microsoftsqlservet2000，拟建立nclxyc库文件，包含如下几个表文件。
字段名
数据类型
描述
ID
Int
自动编号
Sia-user
nvarchar
用户名
Password
nvarchar
密码
Name
nvarchar
真实姓名
Zipcode
nvarchar
邮编
Tel
nvarchar
电话号码
Mail
nvarchar
电子邮件
Info
Bit
是否订阅产品快讯
Tactic
bit
统计发送邮件列表
Procince
nvarchar
会员省份
Address
nvarchar
详细地址
Sex
nvarchar
会员姓名
Price
money
购物总额
Ip
nvarchar
IP地址
Grade
nvarchar
会员级别
now
datetime
注册日期
以上为sia-user用户登录信息和购物信息表
Aia-class产品小类
字段名
数据类型
描述
ID
Int
自动编号
Clname
Ncarchar
小类别名称
clid
int
归大类别
Sia-category产品大类
字段名
数据类型
描述
Clid
Int
自动编号
clname
narchar
类别名称
sia-config网站设置
字段名
数据类型
描述
Title
nvarchar
浏览器标题栏
Proname
nvarchar
公司名称
Address
nvarchar
公司地址
url
nvarchar
公司网址
Zipcode
nvarchar
公司邮编
Mailname
nvarchar
公司邮件前缀
Mailserver
nvarchar
公司邮件后缀
Te11
nvarchar
电话1
Te12
nvarchar
电话2
Fax
nvarchar
传真
Logo
nvarchar
公司或网站logo
Banner
nvarchar
Banner图片
Bannerurl
nvarchar
Banner图片链接
Cssurl
nvarchar
网站颜色样式
Tabcolor
nvarchar
表格颜色
Info
nvarchar
网站介绍
Banner2
nvarchar
公司图片
sendmobe
nvarchar
订单说明（显示在购物结算）
Sia_discount产品优惠表
字段名
数据类型
描述
ID
Int
自动编号
Grade
Int
会员级别
Discount
Int
级别拆扣
prine
money
会员级别自动升级所需消费金额
Sia_guestbook留言表
字段名
数据类型
描述
ID
Int
自动编号
Name
nvarchar
留言者姓名
email
nvarchar
留言者E—mail
IP
nvarchar
留言者IP地址
Tel
nvarchar
留言者电话
Content
nvarchar
留言内容
dateandtime
datetime
留言日期
Sia_news新闻表
字段名
数据类型
描述
ID
Int
自动编号
Title
nvarchar
新闻标题
Content
nvarchar
新闻内容
Visits
int
访问次数
date
nvarchar
日期
sia-product产口信息表
字段名
数据类型
描述
Proid
Int
自动编号
Code
nvarchar
产口编号
Proname
nvarchar
产品名称
Proprice
Money
产口原价
Disprice
Money
优惠价格
Info
nvarchar
产品介绍
Smallpic
nvarchar
产品缩图
Bigpic
nvarchar
产品图片
Hits
Int
浏览次数
Stock
Int
产品库存量
Company
nvarchar
产品生产厂家
Company1
nvarchar
产品生产厂家网址
Clid
Nit
产品归类
Claid
Nit
产品归小类
Hide
Bit
是否隐藏该产品，以防缺货
Adddata
Datetime
加入日期
V!
int
投票选项“很好”
V2
int
投票选项“好”
V3
int
投票选项“一般”
V4
int
投票选项“差”
V5
int
投票选项“很差”
Sia_product1购买产品信息表
字段名
数据类型
描述
ID
Int
自动编号
Proname
nvarchar
产品名称
Disprice
Nvarchar
产品单价
Price
Int
产品数量
Proid
int
购买产品的ID号
username
nvarchar
购买者姓名
Sia_payment
字段名
数据类型
描述
ID
Int
自动编号
Paymode
nvarchar
付款方法
sendmmode
nvarchar
付款说明
Sia_order保存购买信息
字段名
数据类型
描述
Orderid
Int
自动编号
Ordernumber
nvarchar
购物车编号
Sia_user
Nvarchar
购物人会员代号
Price
Float
该订单购物金额
Vipdiscount
Float
会员折扣
payment
nvarchar
购物人付款方式
Remark
nvarchar
购物人备注附言
Ip
nvarchar
购物人IP地址
Now
Datetime
购物人提交订单时间
drderstate
nvarchar
订单处理状态
第三章详细设计
3．1购物车系统
3．1．1功能：
购买者首先在最新商品或者物价商品或者排行榜选择自己喜欢的产品，然后点击购买，将此商品放入购物车，管理人员可以通过此购物车查看相关信息，给购物者提货，并且购物人员可以通过此购物车查看到自己购买的商品，此购物车除管理人员可以全部查看外，其它人员者只能看到自己的购物车。
3．1．2组成构造
1．购物车网页:
用来显示你当前所购的商品
2．放入购物车网页:
将商品放入购物车
3．去结算中心网页:
jsp:
显示购物清单和你的个人信息及付款方式，当你的个人信息确认无误后，点击提交
4．保存个人信息：
将你的购物清单和个人信息及付款方式通过jsp程序放入数据库中保存，这个jsp程序将产生一个随机的订单号，以便以后查询。
这几个等程序用到了sia_usr、sia_order、sia_list、sia_product1
下图为购物系统的流程图：
3．1．3界面设计与重点、难点代码的设计
购物车和我的帐户的数据全部储存在数据库中，要在网页中显示目前的购物产品，必须先进行数据库的链接和打开，要链接数据库我们必须使用%@pageimport=“.*”%包中的connection、statement、class类程序：
<%
Connectionconn=null:
Statementstm=null
Statementstm1=null
Statementstm2=null
Try{
（“}
Catch（classnotfonudexceptione）
{
（“与数据库驱动程序连接失败”）;
}
Try{
Conn=（“jdbc:
odbc:
yc”,“sa”,“lisan328”）;
Stm=,;
Stml=（）;
Stm2=,;
}
Catch（sqlexceptionel）
{
（“与数据库连接失败”）；
}
％＞
其中：
标示建立jdbc-odbc桥驱动程序，调用其方法forname（）.
创建连接对象conn,它属于connection类，用类drivermanager调用getconnection（）方法。
其中：
yc标示创建的odbc数据源，sa标示连接的用户名，lisan328为密码。
当与数据库建立连接成功，就需要建立一个数据集对象stm,stm1,stm2,他们属于类statement,这三个对象表示打开的表采取不同的方式。
Try和catch是java中用来进行错误处理，也就是如果连接成功或能够打开数据库就调用try里面的函数体，否者调用catch里的函数体。
使用createstatement方法来打开数据表：
1，游标类型，包括三个参数：
:
只可以向前移动
:
可卷动。
但是不受其他用户对数据库更改的影响。
:
可卷动。
当其他用户更改数据库时这个记录也会改变。
2.记录更新权限，包括两个参数：
，只读
可更新
数据排序与SQL指令
1.selet指令的筛选语句；
格式：
select…from
在SQL语言中：
“select”数据表中选取某些“栏位”的数据。
2.如果要选取的数据表数据包含一个以上的栏位，则我们可以利用“，”逗号来栏位名称隔开。
3.如果要选取的数据表数据包含了全部的栏位，则我们可以利用万用字符“*”来代表全部的栏位。
可排序数据的select指令
1.当我们希望被选取出来的数据记录数据能够依据某个或某几个栏位的内容来排序时，只要将这些排序依据的栏位摆放在“orderby”保留字之后，然后将这处排序的语句连接在“select…from”后面就行了。
2.“orderby”默认的排序方式是“由小排到大”，但如实希望排序方式是“由大排到小”，则我们可以再栏位名称后再加上“desc”保留字！
将排序方式改为“由大排到小”。
在“购物栏”网页中的打开数据库JSP程序中的语句：
Stringsp15=“select*fromsia-productlwhereusername=’+aia-user+’”
功能为：
从数据表“productl”中取出所有栏位的数据，取出的数据记录由where子句确定，也即显示出数据表中的字段username的值与变量sia-user相同的数据。
点击购物
当用户想通过网上购物，请点击购物，出现一个你所选取产品的信息。
在这个模块中，利用session的getattribute方法来获取用户是否登录，代码如下：
Stringsia-user=（string）（“sia-user”）;
If（sia-user==null）
（“请先登录”）；
而用来获取表名单的内容，代码如下：
＜％
Stringadd=（“add”）；
Stringproname=（“proname”）；
Intpric=cint（“price”））；
％＞
而getstr（）函数是自编的一个函数，它是用来将获取的中文字符精心转换，否则将会出现乱码。
代码如下：
＜％@pageimport=“.*”％＞
＜％!
Intcint（stringcint）
{
Try{
Intn;
}
Catch（numberformatexceptione）{
Returno;
}
}
％＞
加入购物车：
当用户确认需要购买此商品，就可以将此商品加入购物车。
产品保存到数据表sia-produt1中，如果在此表中不存在此商品，那么则会用到INSETINTOSQL语句想数据表中插入数据，否则更新此数据表。
代码如下：
＜％
Stringsql=“select*fromsia-productlwhereproid=“+proid+”’”;
Resultsetrs=（sq1）;
If（!
（））;
{
（）；
String sq12=”insertintosia-productl（proname,price,proid,usrname）values
（’“+proname+”’,’”disprice+”’,”+pric+”’”+proid+”’”+sia-user+”’）”;
（sp13）;
}
％＞
插入或更新完成以后，将直接跳转到,实现此功能的方法为：
这个方法就是跳转到某一个页面，代码如下：
＜％
（“”）;
％＞
通过一条while语句将购物车里面的产品读出来：
代码如下：
＜％
While（））
{
Stringproname=（“proname”）;
Intdisprice=\t（“disprice”）;
Intprice=（“price”）;
Intproid=（“proid”）;
Intsum=disprice*price;
Sum=sum+sum;
％＞
＜trcalign=”middle”bgcolor=”#f7f7f7”>
”checkedonfocus=（）>
<／div><／td>
Href=”add=<％=proid％>&disprice=<％=disprice％>&proname=<％=proname％>$price=<％=price％>”><％=proname％><／td>”
<％=disprice％.00<／td
升级会员 