课件及学习网站设计10开发实例

1、第12章 开发实例 2022年8月9日1系统设计 需求分析概念结构设计 数据库设计 功能设计 2022年8月9日2需求分析 企业网站的栏目和功能各不相同。通过对中小企业的调查分析，开发小组认为中小企业网站主要的栏目和功能应该包括：企业简介，让用户了解企业文化、理念、历史和规模；联系方式，让用户可以及时与企业沟通；企业新闻，让用户了解企业最新的活动、发展动态和优惠措施等；产品和服务，介绍产品的图片、规格、型号、价格、功能等信息，介绍企业所提供的各项服务；同时提供网站后台管理功能。 2022年8月9日3概念结构设计2022年8月9日4数据库设计列名数据类型长度说明流水号Bigint8主键新闻标题N

2、varchar50新闻内容Ntext16新闻类别Nvarchar10 外键添加时间smalldatetime4阅读次数Int4默认为02022年8月9日5表1 新闻信息表数据库设计列名数据类型长度说明流水号Bigint8主键新闻类别Nvarchar502022年8月9日6表2 新闻类别表数据库设计列名数据类型长度说明流水号Bigint8主键产品名称Nvarchar50产品价格Int4产品图片Varchar50 图片文件名产品类别Varchar10外键产品介绍Ntext162022年8月9日7表3 产品表数据库设计列名数据类型长度说明流水号Bigint8主键产品类别Nvarchar102022年

3、8月9日8表4 产品类别表数据库设计列名数据类型长度说明用户名Nvarchar20主键密码Nvarchar10真实姓名Nvarchar50电话Nvarchar50地址Nvarchar50邮编Nvarchar6管理员标志Bit1默认0，表示一般用户2022年8月9日9表5 用户 12.1.3 数据库设计列名数据类型长度说明流水号Bigint8主键产品流水号Bigint8订购数量Int4用户名Nvarchar20订购日期Datetime8处理标志Bit1默认0，表示未处理2022年8月9日10表6 订单 功能设计2022年8月9日11程序设计新建网站解决方案资源管理器添加新项SQL Server数

4、据库实例数据库.mdf2022年8月9日12设置数据库连接信息 说明（1）Data Source表示SQL Server 2005服务器名称，SQLEXPRESS是本地SQL Server 2005版默认的服务器名称。（2）AttachDbFilename表示数据库的路径和文件名。（3）|DataDirectory|表示网站默认数据库路径。2022年8月9日13访问数据库公共类创建BaseClass.cs类2022年8月9日14namespace GROUP.Manage/ / BaseClass 的摘要说明。/ public class BaseClass: System.Web.UI.Pa

5、ge String strConn; public BaseClass() strConn = ConfigurationManager.ConnectionStringsConnectionString.ConnectionString; 2022年8月9日15/读写数据表-DataTablepublic DataTable ReadTable(String strSql)DataTable dt=new DataTable();/创建一个数据表dt SqlConnection Conn = new SqlConnection(strConn);/定义新的数据连接控件并初始化 Conn.Op

6、en();/打开连接 SqlDataAdapter Cmd = new SqlDataAdapter(strSql, Conn);/定义并初始化数据适配器 Cmd.Fill(dt);/将数据适配器中的数据填充到数据集dt中Conn.Close();/关闭连接return dt;2022年8月9日16/读写数据集-DataSet public DataSet ReadDataSet(String strSql)DataSet ds=new DataSet();/创建一个数据集ds SqlConnection Conn = new SqlConnection(strConn);/定义新的数据连接控

7、件并初始化 Conn.Open();/打开连接 SqlDataAdapter Cmd = new SqlDataAdapter(strSql, Conn);/定义并初始化数据适配器 Cmd.Fill(ds);/将数据适配器中的数据填充到数据集ds中Conn.Close();/关闭连接return ds;2022年8月9日17public DataSet GetDataSet(String strSql, String tableName) DataSet ds = new DataSet();/创建一个数据集ds SqlConnection Conn = new SqlConnection(s

8、trConn);/定义新的数据连接控件并初始化 Conn.Open();/打开连接 SqlDataAdapter Cmd = new SqlDataAdapter(strSql, Conn);/定义并初始化数据适配器 Cmd.Fill(ds, tableName);/将数据适配器中的数据填充到数据集ds中 Conn.Close();/关闭连接 return ds;2022年8月9日18public SqlDataReader readrow(String sql) SqlConnection Conn = new SqlConnection(strConn); Conn.Open(); man

9、d Comm = new mand(sql, Conn); SqlDataReader Reader = Comm.ExecuteReader(); if (Reader.Read() Comm.Dispose(); return Reader;else Comm.Dispose();return null;2022年8月9日19/读某一行中某一字段的值 public string Readstr(String strSql, int flag)DataSet ds=new DataSet();/创建一个数据集ds String str; SqlConnection Conn = new Sq

10、lConnection(strConn);/定义新的数据连接控件并初始化 Conn.Open();/打开连接 SqlDataAdapter Cmd = new SqlDataAdapter(strSql, Conn);/定义并初始化数据适配器 Cmd.Fill(ds);/将数据适配器中的数据填充到数据集ds中str=ds.Tables0.Rows0.ItemArrayflag.ToString();Conn.Close();/关闭连接return str;2022年8月9日20public void execsql(String strSql) SqlConnection Conn = new

11、 SqlConnection(strConn);/定义新的数据连接控件并初始化 mand Comm = new mand(strSql, Conn); Conn.Open();/打开连接Comm.ExecuteNonQuery();/执行命令Conn.Close();/关闭连接2022年8月9日21母版页添加母版页，名称为Masterpage.master2022年8月9日22样式表文件StyleSheet.css定义网站的主要样式：body font-size: 12px; font-family: 宋体; text-align: center; background-color: #F7F

12、7F7;.font font-size: 12px; font-family: 宋体; #maindiv width: 740px; margin-top: 0px; margin-left:auto; margin-right:auto;#HeadDiv width: 740px; background-image: url(image/logo-1.jpg); height: 80px; text-align: right; clip: rect(60px auto auto auto);#EndimageDiv width: 100%; background-image: url(ima

13、ge/bg2.gif); background-repeat: repeat-x; height: 25px;2022年8月9日23#EndDiv background-color: #ffffff; width: 100%; height: 63px; line-height: 20px; #MenuDiv background-color: #3381da; width: 100%; height: 20px; padding-top: 6px; color: #ffffff; text-align: right; #MenuDiv a, #MenuDiv a:link, #MenuDiv

14、 a:visited, #MenuDiv a:active text-decoration: none; color: #ffffff;#MenuDiv a:hover color: #ff0000; text-decoration: underline; a,a:link,a:visited,a:active,a:hover text-decoration: none; a:hover text-decoration: underline; color: #ff0000;.divtabletop background-image: url(image/t_bg01.gif); backgro

15、und-repeat: repeat; border-bottom: #3381da 1px solid; color: #ffffff; text-align: left; font-size: 12px; font-family: 宋体; border-right: #3381da 1px solid; border-top: #3381da 1px solid; border-left: #3381da 1px solid; border-bottom: #3381da 1px solid; .divtablebody vertical-align: middle; text-align

16、: center; padding-top: 6px; border-right: #3381da 1px solid; border-top: #3381da 1px solid; border-left: #3381da 1px solid; border-bottom: #3381da 1px solid;.divtabletop a, .divtabletop a:link, .divtabletop a:divtabletop, .divtabletop a:active, .divtabletop a:hover text-decoration: none; color: #fff

17、fff;.divtabletop a:hover text-decoration: underline; color: #ff0000;默认主页Default.aspx用于显示行业和企业新闻的2个GridView控件，1个展现企业产品的Datalist控件，用户登录和注册的用户控件。2022年8月9日24新闻列表页面使用GridView控件显示新闻列表2022年8月9日25产品列表页面使用Datalist控件显示产品列表2022年8月9日26用户登录用户控件为了方便，将用户登录对话框做成了用户控件。2022年8月9日27用户注册页面2022年8月9日28产品订单2022年8月9日29管理员登录页面2022年8月9日30后台管理页面2022年8月9日31新闻管理页面2022年8月9日32产品添加页面2022年8月9日33订单管理页面2022年8月9日34用户管理页面2022年8月9日35编译与发布解决方案资