网站建设与网络数据库实训

网站建设与网络数据库实训
一.目的：掌握IIS、FTP等网络工具的基本使用方法；掌握网络数据库应用系统的开发步骤；学习SQL SERVER2000/ Access2003数据库的应用。

通过实例，学习网站开发与维护的过程，为今后就业奠定计算机网络技术专业方面的知识和技能基础。

二．内容：课程教学/个人网站/在线购物系统的调试并运行程序。

三.要求：
（1）调试并运行课程教学/个人网站系统；
（2）保持系统正常运行；
（3）改进系统，提高系统运行效率。

四．实训报告要求：
（1）系统环境介绍；
（2）系统功能描述；
（3）具体实施过程；
（4）解决问题方法；
（5）文档整理；
（6）总结与体会；
（7）用A4纸打印。

五．项目介绍
1.在线购物系统
以在线购物商城作为实例，演示了电子商城的主要功能以及这些功能是如何实现的。

包括商品展示、购物车管理、订单管理、商品管理等主要功能。

1.1系统功能描述
作为在线购物商城，其主要功能应包括商品管理，用户管理，商品检索、订单管理、购物车管理等。

具体描述如下。

（1）商品管理功能
-商品分类的管理，包括商品种类的添加、删除、类别名称更改等功能；
-商品信息的管理，包括商品的添加、删除、商品信息的变更等功能；
（2）用户管理
-用户注册，如果用户注册为会员，就可以使用在线购物的功能。

这里我们指定用户需要填写信息比较简单。

-用户信息管理，用户可以更改自己的私有信息，如密码等；
（3）商品检索
-商品速查，根据查询条件，速查用户所需商品；
-商品分类浏览，按照商品的类别列出商品目录；
（4）订单管理
-订单信息浏览-订单结算-订单维护
（5）购物车管理
-购物车中商品的增删；
-采购数量的改变
-生成采购订单
1.2功能模块划分
根据上节分析的系统功能需求，我们可以得到系统的功能模块，如图1所示。

图1系统功能模块图
1.3文件结构和系统流程分析
注册会员参与购物的流程很清晰：注册'登陆系统'选择商品'放入购物车' 提交订单。

系统流程图2所示。

图2 系统流程图
该系统共包括15个必备文件，描述如下：
Web.config：系统配置信息。

包数据库连接信息和管理员信息；
index.aspx：系统主页，提供新品上架展示、用户管理入口、销售排行榜、管理员入口和商品分类浏览入口等功能；
Admin_Login.aspx：管理员登录系统的入口；
Pinfor_Management.aspx：提供商品类别管理功能；
Pkinds_Management.aspx：提供商品信息管理功能
Admin_Login.htm：网页框架，增加系统的紧凑性，子窗体包括Admin_Login.aspx 、
Pinfor_Management.aspx 和Pkinds_Management.aspx；
PKinds_MoreList.aspx：提供商品分类浏览功能；
PSearch.aspx：提供商品速查功能；
UserReg.aspx：提供用户注册功能；
top.ascx：Web用户控件，用于页面页眉，提供用户注册会员快速登录入口和商品分类浏览入口；
OrderList.aspx：提供订单管理功能，更加用户身份不同，提供不同的权限；
MyShopcar.aspx：提供购物车管理功能；
foot.ascx：Web用户控件，用于页面页脚，提示用户购物流程和管理员登录入口；
Login.aspx：注册会员登录入口；
1.4 数据库的设计
我们仍采用Access2003数据库系统作为本章案例的数据库。

在应用程序根目录下新建一个数据库，命名为dida_shop.mdb。

根据析，系统须包含一下5个数据表：
pkinds数据表：用于存放商品类别信息，包括类别ID和名称，表结构和字段信息如图3所示。

图3 pkinds数据表信息
pinfor数据表：用于存放商品信息，包括商品所属类别、市价、折扣价、信息描述、商品图片等，表结构和字段信息如图4所示。

图4 pinfor数据表信息
salelist数据表：用户存放订单信息，包括交易日期，订单销售额等，表结构和字段信息如图5所示。

图5 salelist数据表信息
salerecord数据表：用于存放商品销售记录，表结构和字段信息如图6所示。

图6 salerecord数据表信息
userinfor数据表：用于存放用户信息，表结构和字段信息如图7所示。

图 7 userinfor数据表信息
1.5 Web.config文件配置信息
web.config配置信息如下：
<?xml version="1.0" encoding="utf-8" ?>
<configuration>
<!-- 自定义配置信息 -->
<appSettings>
<!-- 增加管理员帐号 -->
<add key="AdminID" value="admin" />
<!-- 增加管理员密码 -->
<add key="PassWord" value="12345" />
<!-- 增加数据库驱动字符串 -->
<add key="constr" value="provider=microsoft.jet.oledb.4.0;data source=" /> <!-- 增加数据库名称 -->
<add key="dbs" value="\dida_shop.mdb" />
</appSettings>
<system.web>
<compilation defaultLanguage="vb" debug="true" />
<customErrors mode="RemoteOnly" />
<authentication mode="Windows" />
<authorization>
<allow users="*" /> <!-- 允许所有用户 -->
</authorization>
<trace enabled="false" requestLimit="10" pageOutput="false" traceMode="SortByTime" localOnly="true" />
<sessionState
mode="InProc"
stateConnectionString="tcpip=127.0.0.1:42424"
sqlConnectionString="data source=127.0.0.1;Trusted_Connection=yes"
cookieless="false"
timeout="20"
/>
<globalization requestEncoding="utf-8" responseEncoding="utf-8" />
</system.web>
</configuration>
1.6.界面与代码设计
2.课程教学网站
教学网站的基本功能
2.1功能说明
本网站主要包括自我介绍，示例程序，给我留言，通讯录，登陆五个大功能
自我介绍：就是作者，我的个人介绍，介绍了本有入学时间及所学专业
示例程序：在该功能中，详细的介绍的运行环境，页面基础，程序设计，服务器控件等示例。

给我留言：用户登陆后，可以通过此功能给我留言，以便联系。

通讯录：用户注册与给我留言的人将出现在通讯录中，更方便记录了和我联系的人。

登陆；用户注册后，便可以登陆，即可在网页查找资料。

2.2系统框图
2.3教学网站设计
2.3. 1运行环境
运行环境是Microsoft® .NET Framework SDK , 在安装 .NET Framework SDK 之前，必须先安
装 .NET Framework 可再发行组件包 1.1 版，如果已经安装了 Microsoft Visual Studio .N ET 2003，就不需要再另外安装 .NET Framework SDK。

Visual Studio .NET 2003 中已经包含了该 SDK。

另外如果机器安装了OFFICE，建议你先备份\MicroSoft Office\Office\mso9.dll这个文件，OFFICE会提示注册或激活,此时将备份的mso9.dl覆盖原文件即可。

2.3.2 开发环境说明
.的开发工具常用的有两个：
1：visual studio2005
2：web developer2005
开发环境说明：第一模块：接收参数。

[有可能从不同页面提交到同一个页面；也可能出现两个表单项以哪个优先的处理。

第二模块：定义全局变量。

第三模块：写处理代码(尽量将代码都包含到函数中)。

——到此asp代码主要部分完成。

第四模块：纯html代码，利用储存在全局变量中的值来生成页面。

第五(注意)：要在页面头部写清页面逻辑。

3.3 数据库设计
数据库设计(Database Design)是指根据用户的需求，在某一具体的数据库管理系统上，设计数据库的结构和建立数据库的过程。

一般，数据库的设计过程大致可分数据库设计为5个步骤：
(1)需求分析；调查和分析用户的业务活动和数据的使用情况，弄清所用数据的种类、范围、数量以及它们在业务活动中交流的情况，确定用户对数据库系统的使用要求和各种约束条件等，形成用户需求规约。

(2)概念设计；对用户要求描述的现实世界(可能是一个工厂、一个商场或者一个学校等)，通过对其中住处的分类、聚集和概括，建立抽象的概念数据模型。

这个概念模型应反映现实世界各部门的信息结构、信息流动情况、信息间的互相制约关系以及各部门对信息储存、查询和加工的要求等。

所建立的模型应避开数据库在计算机上的具体实现细节，用一种抽象的形式表示出来。

以扩充的实体联系模型方法为例，第一步先明确现实世界各部门所含的各种实体及其属性、实体间的联系以及对信息的制约条件等，从而给出各部门内所用信息的局部描述(在数据库中称为用户的局部视图)。

第二步再将前面得到的多个用户的局部视图集成为一个全局视图，即用户要描述的现实世界的概念数据模型。

(3)逻辑设计；主要工作是将现实世界的概念数据模型设计成数据库的一种逻辑模式，即适应于某种特定数据库管理系统所支持的逻辑数据模式。

与此同时，可能还需为各种数据处理应用领域产生相应的逻辑子模式。

这一步设计的结果就是所谓“逻辑数据库”。

(4)物理设计；根据特定数据库管理系统所提供的多种存储结构和存取方法等依赖于具体计算机结构的各项物理设计措施，对具体的应用任务选定最合适的物理存储结构(包括文件类型、索引结构和数据的存放次序与位逻辑等)、存取方法和存取路径等。

这一步设计的结果就是所谓“物理数据库”。

(5)验证设计；在上述设计的基础上，收集数据并具体建立一个数据库，运行一些典型的应用任务来验证数据库设计的正确性和合理性。

一般，一个大型数据库的设计过程往往需要经过多次循环反复。

当设计的某步发现问题时，可能就需要返回到前面去进行修改。

因此，在做上述数据库设计时就应考虑到今后修改设计的可能性和方便性。

至今，数据库设计的很多工作仍需要人工来做，除了关系型数据库已有一套较完整的数据范式理论可用来部分地指导数据库设计之外，尚缺乏一套完善的数据库设计理论、方法和工具，以实现数据库设计的自动化或交互式的半自动化设计。

所以数据库设计今后的研究发展方向是研究数据库设计理论，寻求能够更有效地表达语义关系的数据模型，为各阶段的设计提供自动或半自动的设计工具和集成化的开发环境，使数据库的设计更加工程化、更加规范化和更加方便易行，使得在数据库的设计中充分体现软件工程的先进思想和方法。

2.3.4网站规划
一个网站的成功与否与建站前的网站规划有着极为重要的关系。

在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。

只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。

*建设网站前的市场分析
1、相关设计行业市场的竞争越来越激励，，是否能够在互联网上开展公司业务。

2、市场主要竞争者分析，竞争对手设计水平逐渐提高，想超越他们只有更好的钻研。

*建设网站目的及功能定位
1、建立网站，是为了宣传,找到更多的爱好者，并能和他们讨论网站设计。

2、网站的功能，用户登陆、留言、示例程序等。

*网站技术解决方案
根据网站的功能确定网站技术解决方案。

1、选择操作系统，Windowxp
2、采用系统性的解决方案
3、网页程序ASP、数据库程序等
2.4具体实施
2.4.1IIS使用及网站发布
一、建立第一个Web站点
比如本机的IP地址为192.168.0.1，自己的网页放在D:Wy目录下，网页的首页文件名为Index.htm，现在想根据这些建立好自己的Web服务器。

对于此Web站点，我们可以用现有的“默认Web站点”来做相应的修改后，就可以轻松实现。

请先在“默认Web站点”上单击右键，选“属性”，以进入名为“默认Web站点属性”设置界面。

1．修改绑定的IP地址：转到“Web站点”窗口，再在“IP地址”后的下拉菜单中选择所需用到的本机IP地址“192.168.0.1”。

在绝大多数情况下，你不需要修改这个选项。

2．修改主目录：转到“主目录”窗口，再在“本地路径”输入（或用“浏览”按钮选择）好自己网页所在的“D:Wy”目录。

3．添加首页文件名：转到“文档”窗口，再按“添加”按钮，根据提示在“默认文档名”后输入自己网页的首页文件名“Index.htm”。

4．添加虚拟目录：比如你的主目录在“D:Wy”下，而你想输入“192.168.0.1/test”的格式就可调出“E:All”中的网页文件，这里面的“test”就是虚拟目录。

请在“默认Web站点”上单击右键，选“新建→虚拟目录”，依次在“别名”处输入“test”，在“目录”处输入“E:All”后再按提示操作即可添加成功。

2.4.2主页设计
页面设计的要求：
1）、重点信息放在突出醒目的位置，整个网站空间排序适当
2）、网页应该易懂，控制没个模块的信息量
3）、网页页面越小越好，最好别超过50k，尽量精简
4）、网站导航要清晰，容易查找
主页设计：
1.建空白数据库
2．保存
3. 建表
4．建好表
5．数据库的连接
Access的连接数据库并打开
string strConnection="Provider=Microsoft.Jet.OleDb.4.0;Data Source=";
strConnection+=Server.MapPath("*.mdb"); //*就是数据库的名字
OleDbConnection objConnection=new OleDbConnection(strConnection);
objConnection.Open();
dim objConnection as OleDbConnection
objConnection=new OleDbConnection("Provider=Microsoft.Jet.OleDb.4.0;Data Source="+Server.MapPath(" *.mdb"))
objConnection.Open()
SQL SERVER的连接数据库并打开
string strConnection="server=数据库连接;uid=用户名;pwd=密码;database=数据库名字";
SqlConnediob objConnection=new SqlCOnnection(strConnection);
objConnection.Open();
dim objConnection as SqlConnectiom
objConnection=new SqlConnection("server=数据库连接;uid=用户名;pwd=密码;database=数据库名字")
objConnection.Open()
2.4.4 网页调试与运行
Sub Enter_Click(Sender As Object, E As EventArgs)
my_conn=New OleDbconnection("Prov ider=Microsoft.Jet.OLEDB.4.0;Data
Source=" & Server.Mappath("guest.mdb")) '建立Connection对象
Dim adp As New OleDbDataAdapter("Select * From users", my_conn) '建立DataAdapter对象
Dim ocb As New OleDbCommandBuilder(adp) …建立CommandBuilder对象
'
adp.UpdateCommand=ocb.GetUpdateCommand() '自动建立SQL
更新命令
adp.DeleteCommand= ocb.GetDeleteCommand() '自动建立SQL
删除命令
adp.Update(ds,"users") '执行更新
和删除
Call initialdata() '调用子程序，初始化DataSet对象
End Sub
Sub MyDataGrid_Cancel(Sender As Object, E As DataGridCommandEventArgs) MyDataGrid.EditItemIndex = -1
MyDataGrid.DataSource=ds.Tables("users").DefaultView '指定数据
源
MyDataGrid.DataBind() 执行绑定
'
End Sub
网站发布:
2.4.5 目录结
构。