电商网站设计小组报告

1、南京工业大学网站设计与管理课程设计报告小组工作报告学院： 经济与管理学院 专业： 电子商务 组别： 2班1组 小组成员：学号姓名2204120201陈凯雯2204120202陈维维2204120203邓琦2204120125朱青2204120134赵金从成绩：优 良 中 及格 不及格2016年01月南京工业大学网站设计与管理课程设计小组工作报告 2 班 1 组第一部分 小组分工及分工计划1. 小组分工： 赵金从：查找新闻素材，前台系统首页设计； 朱青：查找新闻素材，后台管理系统的新闻管理设计； 陈凯雯：查找图片，前台系统的新闻分类、你的意见页面设计； 陈维维：后台管理系统的用户管理、留言管理以

2、及系统管理设计；小组报告撰写 邓琦：前台系统的新闻搜索、会员中心页面设计；PPT制作2. 分工计划：时间任务提交资料16.01.04星期一1.阅读指导书、任务书2.分配任务16.01.05星期二1.小组任务计划制定小组分工计划12.01.06星期三1. 调研执行2. 双方协调对话12.01.07星期四1.网站需求分析2.系统架构3.系统功能模块4.系统数据库设计调研方案报告12.01.08星期五1.系统实现12.01.11星期一1.系统测试网站开发文档12.01.12星期二1.撰写个人报告2.撰写小组报告课程设计小结12.01.13星期三1.整合材料2.汇报PPT第二部分 小组需求调研对话记录

3、xx报社 你好，我们报社想做一个三层结构的新闻管理系统。xx开发商 您好。系统是可以做的。请问你们有什么具体的要求么？xx报社 我们的主要目的是为用户提供一个方便的、可快速浏览当前最新新闻的界面。并且也可以随时发布最新的讯息以达到信息共享的目的。要为用户提供方便易用的使用界面，同时也为具有更高权限的管理用户提供添加、删除新闻的系统维护功能。xx开发商好的。我们会用三层结构为您设计一个新闻管理系统。那么在具体的用户或者管理上有什么需求么。比如用户需要有哪些功能。xx报社 用户这边具体是需要注册、登陆这些的，还有修改密码，查看/留言信息，查看/回复信息的。还

4、需要有个管理员，管理这个系统。比如添加新闻，修改，删除，查询新闻之类的。 游客的话，查看最新新闻，查看用户留言信息、查看用户回复信息这些就应该够了吧，你这边看看有什么建议吗？xx开发商 游客方面，建议添加查看热点排行和热评排行，再加上新闻分类比较完整。用户方面也可以添加上查看热点、热评排行这些。修改密码和修改资料是必要的。管理员除了管理系统还可以有管理用户，管理留言，对新闻评论进行核查的职能。以上觉得可行么？xx报社 行，那什么时候可以看到成品xx开发商 您什么时候需要。xx报社 我这边当然是希望能够尽快给我xx开发商 好的。我会尽快

5、先把初步设计发给你看的。 。以上是部分聊天对话记录25第三部分 网站设计与实现一、 系统需求分析1. 设计需求分析 新闻管理系统的主要目的是为用户提供一个方便的、可快速浏览当前最新新闻的界面，并且也可以随时发布最新的讯息以达到信息共享的目的。因此要为用户提供方便易用的使用界面，同时也为具有更高权限的管理用户提供添加、删除新闻的系统维护功能。本次设计主要采用标准的三层结构，实现一个完整的新闻管理系统，主要包括新闻管理、新闻类型管理、用户管理、留言管理等。2.具体需求分析（1）游客：查看最新新闻，热点排行，热评排行，新闻分类，新闻搜索，查看用户留言信息、查看用户回复信息。（2）用户：注册，登录，修

6、改资料，修改密码，查看最新新闻，热点排行，热评排行，新闻分类，新闻搜索，查看/留言信息，查看/回复信息。（3）管理员：登录，用户管理（查询用户信息，详细，删除），新闻管理（添加，修改，删除，查看新闻类型，添加，修改，删除，查询新闻，对每条新闻的评论进行查看审核，对不合理的评论可进行删除），留言管理（查看/删除留言，对每条留言的回复可进行查看，对不合理的回复可进行删除），系统管理（添加管理员，管理员管理，修改密码）3.实现技术与工具 本设计主要采用ASP.NET技术、C#语言、B/S模式等，使用的开发运行工具主要有SQL Server 2008 和Visual Studio 2010 。二、 网

7、站分析1. 系统架构图整个系统分为两个部分，管理员和主界面。管理员进入管理系统后，应该能根据自己的需要进行新闻的管理。系统ER图：2. 功能模块图架构分析与设计：系统采用B/S模式。功能模块如下：各模块介绍如下：管理员模块：管理员增加、删除以及密码修改。新闻管理：包括发布添加新闻、评论审核、新闻删除。留言管理：查看以及删除留言。用户管理：包括更改用户的密码以及更改用户的所有信息。3. 数据库设计 综合以上分析，要实现上面的所有功能模块，需要建立以下的表： （1）管理员表Admin：用于存储管理员的信息。字段类型说明AdminIdint管理员ID（PK）AdminNameNvarchar(50)

8、账号PwdNvarchar(50)密码 （2）用户表Users：用户存储用户ID、用户名、密码、头像、昵称、性别（男，女）、联系手机、注册时间、邮箱信息。字段类型说明UserIdint用户ID（PK）UserNameNvarchar(50)用户名PwdNvarchar(50)密码HeadImgNvarchar(50)头像NickNameNvarchar(50)昵称SexNvarchar(50)性别（男，女）PhoneNvarchar(50)联系手机RegisteredTimeDateTime注册时间EmailNvarchar(50)邮箱 （3）新闻类型表NewsType：用于存储新闻类型、名称

9、信息。字段类型说明NewsTypeIdint新闻类型ID（PK）TypeNameNvarchar(50)类型名称 （4）新闻表News：存储新闻ID（PK）、标题、发布者、来源、内容、发布时间、点击量、新闻类型ID（FK）、评论量信息。字段类型说明NewsIdint新闻ID（PK）NewsTitleNvarchar(200)标题AuthorNvarchar(50)发布者SourceNvarchar(50)来源NewsContentntext内容ReleaseTimeDateTime发布时间HitCountint点击量NewsTypeIdint新闻类型ID（FK）CommCountint评论量

10、（5）评论表Comments：存储评论ID（PK）、内容、用户ID（FK）(评论人)、评论时间、新闻ID（FK）信息。字段类型说明CommIdint评论ID（PK）CommContentntext内容UserIdint用户ID（FK）(评论人)CommTimeDateTime评论时间NewsIdint新闻ID（FK） （6）留言表Messages：存储说明、留言ID（PK）、标题、内容、留言时间、用户ID（FK）(留言人)信息。字段类型说明MsgIdint留言ID（PK）MsgTitleNvarchar(200)标题MsgContentntext内容MsgTimeDateTime留言时间Use

11、rIdint用户ID（FK）(留言人) （7）回复表Reply:存储说明、回复ID（PK）、内容、用户ID（FK）(回复人)、回复时间、留言ID（FK）信息。字段类型说明ReplyIdint回复ID（PK）ReplyContentntext内容UserIdint用户ID（FK）(回复人)ReplyTimeDateTime回复时间MsgIdint留言ID（FK）4.色彩设计网站是信息的载体形式，色彩设计必须以完成网站可视性阅读功能为目的。本系统采用蓝色基调，白色，黑色为辅调。 蓝色对视觉器官刺激较弱，它代表平静，科技，理智，速度，诚实，真实，可信，人看到蓝色时情绪安宁。用它作为管理系统的主色调也

12、是最合适不过了。白色在系统中主要作为背景色，加之与蓝色配合，在页面右下方大量留白，使整个系统更具阅读可视性，操作易用性。整个系统看起来颇大气，富有立体感。黑色为全色相，没有纯度，它本身无刺激性，所有在本系统中的主体文字颜色都设置为黑色，这正所谓“白底黑字”以增强阅读可视性。5.页面布局设计页面布局主要是对页面的文字、图形进行格式设置，包括字体、字号、纸张大小和方向以及页面边距等。我们做的是新闻管理系统设计，其布局主要是对新闻的布局。首页的布局为左上侧为一个用户注册登录模块，左下侧为最新新闻排行，中间为热点排行和热评排行，主要以简单明了为主。图1 页面设计效果展示3、 网站实现1.网站首页 网站

13、首页主要显示热点排行和热评排行，还有会员的登录界面，最后为了页面的美观，我们又加入了最新排行，页面下端还有后端管理系统的链接入口。图2 网站首页展示 会员登录代码： </script>-%> <script language="javascript" type="text/javascript"> function check() var txtUserName = document.getElementById("txtUserName"); var txtPwd = document.getEleme

14、ntById("txtPwd"); if (txtUserName.value = "") alert("用户名不能为空！"); txtUserName.focus(); return false; else if (txtPwd.value = "") alert("密码不能为空！"); txtPwd.focus(); return false; </script>2.新闻分类 本功能页面主要把新闻分为六类：国际新闻、国内新闻、娱乐新闻、体育新闻、财经新闻、科技新闻。新闻素材均是在

15、网上查找，用户可以通过点击相关分类对自己感兴趣的新闻进行查看。图3 新闻分类展示3.新闻搜索新闻搜索页面功能主要是对新闻进行搜索，输入关键字就可以对相应的文章进行浏览。图4 新闻搜索展示 实现代码：public partial class newslist : System.Web.UI.Page public string strWhere = "" protected void Page_Load(object sender, EventArgs e) if (!IsPostBack) InitData(UcfarPager1.CurrentPageIndex); pr

16、ivate void InitData(int pageIndex) if (txtKey.Value.Length != 0) strWhere += string.Format(" and NewsTitle like '%0%'", txtKey.Value.Trim(); this.UcfarPager1.RecordCount = NewsBLL.CountNumber(strWhere); rpView.DataSource = NewsBLL.PageSelectNews(UcfarPager1.PageSize, pageIndex, str

17、Where, "ReleaseTime", "desc"); rpView.DataBind(); if (rpView.Items.Count != 0) UcfarPager1.Visible = true; else UcfarPager1.Visible = false; protected void UcfarPager1_PageChanged(object sender, EventArgs e) InitData(UcfarPager1.CurrentPageIndex); protected void btnSearch_Click(o

18、bject sender, EventArgs e) InitData(UcfarPager1.CurrentPageIndex); 4. 新闻浏览 对新闻进行浏览，会员可以进行评论。图5 新闻浏览展示 实现代码：public partial class newsdetail : System.Web.UI.Page public News ns = new News(); public string whereSrc = "" public Users users = new Users(); protected void Page_Load(object sender,

19、 EventArgs e) if (Session"Users" != null) users = (Users)Session"Users" lblUserName.Text = UsersBLL.GetIdByUsers(users.UserId).UserName; if (!IsPostBack) if (Request.QueryString"id" != null) NewsBLL.UpdateFieldResources("HitCount", 1, Convert.ToInt32(Request.Q

20、ueryString"id");/修改点击量 ns = NewsBLL.GetIdByNews(Convert.ToInt32(Request.QueryString"id"); InitData(UcfarPager1.CurrentPageIndex); private void InitData(int pageIndex) if (Request.QueryString"id" != null) whereSrc += string.Format(" and NewsId=" + Request.Query

21、String"id"); this.UcfarPager1.RecordCount = CommentsBLL.CountNumber(whereSrc); List<Comments> listComm = CommentsBLL.PageSelectComments(UcfarPager1.PageSize, pageIndex, whereSrc, "CommTime", "desc"); if (listComm.Count = 0) UcfarPager1.Visible = false; rpView.Data

22、Source = listComm; rpView.DataBind(); protected void UcfarPager1_PageChanged(object sender, EventArgs e) InitData(UcfarPager1.CurrentPageIndex); protected void btnAdd_Click(object sender, EventArgs e) if (Session"Users" != null) Comments model = new Comments(); model.CommContent = txtComme

23、ntContent.Value.Trim(); model.CommTime = DateTime.Now; model.NewsId = Convert.ToInt32(Request.QueryString"id"); model.UserId = users.UserId; if (CommentsBLL.AddComments(model) > 0) NewsBLL.UpdateFieldResources("CommCount", 1, model.NewsId);/修改评论量 this.Page.ClientScript.Registe

24、rStartupScript(this.GetType(), "", "<script>alert('评论成功！');window.location.replace('newsdetail.aspx?id=" + model.NewsId + "');</script>"); return; else this.Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<scrip

25、t>alert('评论失败！');</script>"); return; else this.Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('请先登录后才可评论！');window.location.replace('index.aspx');</script>"); return; 5.会员中心 游客可以在网站注册成会员，成为会员可以对新闻进行评论，

26、在你的意见区进行留言。会员还可以对自己的相关信息进行修改。图6 会员注册展示 会员注册代码：<script language="javascript" type="text/javascript"> function check() var txtUserName = document.getElementById("txtUserName"); var txtNewPwd = document.getElementById("txtNewPwd"); var txtSureNewPwd = docum

27、ent.getElementById("txtSureNewPwd"); if (txtUserName.value = "") alert("带红色* 号项不能为空！"); txtUserName.focus(); return false; if (txtNewPwd.value = "") alert("带红色 * 号项不能为空！"); txtNewPwd.focus(); return false; if (txtNewPwd.value != "") if (txt

28、NewPwd.value.length < 6) alert("密码必须6位或6位以上！"); txtNewPwd.focus(); return false; if (txtSureNewPwd.value = "") alert("带红色* 号项不能为a空！"); txtSureNewPwd.focus(); return false; if (txtSureNewPwd.value != "") if (txtSureNewPwd.value.length < 6) alert("密码必

29、须6位或6位以上！"); txtSureNewPwd.focus(); return false; if (txtNewPwd.value != txtSureNewPwd.value) alert("两次密码不一致！"); txtSureNewPwd.focus(); return false; </script></head>6.你的意见 你的意见主要是会员对网站的意见和留言。图7 你的意见展示 实现代码：public partial class messagelist : System.Web.UI.Page public strin

30、g whereSrc = "" public Users users = new Users(); protected void Page_Load(object sender, EventArgs e) if (Session"Users" != null) users = (Users)Session"Users" lblUserName.Text = UsersBLL.GetIdByUsers(users.UserId).UserName; else lblUserName.Text = "匿名网友" if

31、(!IsPostBack) InitData(UcfarPager1.CurrentPageIndex); /获取回复个数 public string GetCount(object obj) string str = "" str = BLL.ReplyBLL.CountNumber(" and MsgId =" + obj + "").ToString(); return str; private void InitData(int pageIndex) this.UcfarPager1.RecordCount = Message

32、sBLL.CountNumber(""); rpView.DataSource = MessagesBLL.PageSelectMessages(UcfarPager1.PageSize, pageIndex, "", "MsgTime", "desc"); rpView.DataBind(); if (rpView.Items.Count = 0) UcfarPager1.Visible = false; else UcfarPager1.Visible=true; protected void UcfarPag

33、er1_PageChanged(object sender, EventArgs e) InitData(UcfarPager1.CurrentPageIndex); protected void btnAdd_Click(object sender, EventArgs e) Messages model = new Messages(); model.MsgContent = txtMessageContent.Value.Trim(); model.MsgTime = DateTime.Now; model.MsgTitle = txtMessageTitle.Value.Trim();

34、 if (Session"Users" != null) model.UserId = users.UserId; if (MessagesBLL.AddMessages(model) > 0) this.Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('留言成功！');window.location.replace('messagelist.aspx');</script>&quo

35、t;); return; else this.Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('留言失败！');</script>"); return; else this.Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('请先登录后才可留言！');wind

36、ow.location.replace('index.aspx');</script>"); return; 7.管理员登录 当以管理员身份登录时，出现如下界面。输入用户名、密码和验证码，当与数据库中的内容相匹配时既可登录。图8 管理员登录界面 实现代码：public partial class admin_Login : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) protected void BtnLogin_Click(object sender, E

37、ventArgs e) Admin admin = new Admin(); HttpCookie cookies = Request.Cookies"validate" if (this.txtU_Check.Value.Trim() = cookies.Value) if (AdminBLL.GetUsersLogin(this.txtU_Name.Value.Trim(), this.txtU_Pass.Value.Trim(), out admin) Session"Admin" = admin; Response.Redirect("

38、index.aspx"); else this.Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('用户名或者密码错误！');</script>"); return; else this.Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('验证码错误！'

39、;);</script>"); return; 8.用户管理 用户管理主要是管理员对用户信息进行查看与删除。图9 用户管理界面9.新闻管理 新闻管理主要分为添加新闻类型、查看以及修改新闻类型、添加以及查看新闻，对新闻评论进行审核。如图12单击添加新闻可添加新闻界面，在文本框中输入相应内容，单击添加按钮既可添加一条新闻。图13可以对此文进行查看，对新闻评论以及新闻进行删除。图10 添加新闻页面图11 添加新闻类型10.查看留言 留言管理主要是对用户留言进行查看或删除。图12 查看留言页面11.系统管理 系统管理主要是对管理员账户进行添加，删除以及密码的修改。图13 系统管理

40、页面 实现代码：public partial class admin_UsersManage : System.Web.UI.Page public string strWhere = "" public Admin admin = new Admin(); protected void Page_Load(object sender, EventArgs e) if (Session"Admin" != null) admin = (Admin)Session"Admin" else admin = null; Response.W

41、rite("<script>parent.window.location.href='Login.aspx'</script>"); if (!IsPostBack) int DataCount = UsersBLL.CountNumber(strWhere); /共多少条记录 int hPageSize = (DataCount % Convert.ToInt32(HCount.Value) != 0 ? DataCount / Convert.ToInt32(HCount.Value) + 1 : DataCount / Conv

42、ert.ToInt32(HCount.Value);/共多少页 HPageSize.Value = DataCount.ToString(); HAllPage.Value = hPageSize.ToString(); this.RpNews.DataSource = UsersBLL.PageSelectUsers(Convert.ToInt32(HCount.Value), Convert.ToInt32(HNowPage.Value), strWhere, "RegisteredTime", "desc"); this.RpNews.DataBi

43、nd(); BindData(""); /删除选中项 protected void BtnAllDel_Click(object sender, EventArgs e) if (!string.IsNullOrEmpty(HSelectID.Value.Trim() try string a = HSelectID.Value.Trim(); string b = a.Split(new char ',' ); int i = 0; foreach (string c in b) i+; Users model = UsersBLL.GetIdByUser

44、s(Convert.ToInt32(c); if (model.UserId != 0) if (model.HeadImg.IndexOf("admin") != -1) string strImgUrl = model.HeadImg.Substring(model.HeadImg.IndexOf("admin"); string path = Server.MapPath(Request.ApplicationPath) + "" + strImgUrl.Replace("/", "");

45、 if (System.IO.File.Exists(path) System.IO.File.Delete(path); UsersBLL.DeleteUsers(Convert.ToInt32(c); this.Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('已成功删除"+i+"条！');window.location.replace('UsersManage.aspx');</scrip

46、t>"); return; catch this.Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('删除失败,请与技术人员联系!');</script>"); return; /首页 protected void LBHome_Click(object sender, EventArgs e) BindData(""); /上一页 protected void LBUp_Clic

47、k(object sender, EventArgs e) BindData("up"); /下一页 protected void LBNext_Click(object sender, EventArgs e) BindData("next"); /尾页 protected void LBEnd_Click(object sender, EventArgs e) BindData("end"); /分页查找 private void BindData(string strClass) int nowPage = 1; switch (strClass) case "next": nowPage = Convert.ToInt32(HNowPage.Value) + 1; break; case "up": nowPage = Convert.ToInt32(HNowPage.Value) - 1; break; case "end": nowPage = Convert.To