电子商务网站建设与管理实务-项目719223

,电子商务,网站建设与维护,李海平,课程内容,项目,1,电子商务网站的整体策划,1,项目,2,电子商务网站的开发和运行环境的搭建,2,项目,3,网站数据库的建设和使用,3,项目,4,网站注册与登录功能的设计和制作,4,项目,5,网站显示商品功能的实现,5,项目,6,开发电子商务网站的新闻发布系统,6,项目,7,制作留言版系统,7,项目,8,开发电子商务网站在线订单系统,8,项目,9,发布与管理电子商务网站,9,项目,7,制作留言版系统,任务,1,：系统功能分析,任务,2,：留言发布页面的实现,任务,3,：后台留言管理系统的实现,任务,1,：系统功能分析,一、,模块功能分析,二、,规划系统,三、,数据库设计,四、,公共页面,一个电子商务网站一定会在网站上的提供留言本，用来记载客户的反馈信息，与客户建立一个交流平台。,本项目的任务就是采用,ASP,技术建立留言板系,统，包括显示网站浏览者即用户进行留言、留言修改、留言删除，管理人员登入管理后台进行修改、留言删除、留言回复。,一、,模块功能分析,留言板系统的逻辑功能如图,7-1,所示：,身份验证,身份验证,登录用户,签写留言,修改留言,删除留言,管理后台,查看留言,商城客户,管理员,图,7-1,留言板系统的逻辑功能图,未注册浏览者,回复留言,修改留言,删除留言,整个新闻系统可以划分为以下几个功能块：,1,、留言信息分页显示,为了便于将网站浏览者查看留言。,2,、签写留言,注册并登录用户可以签写留言，向数据库添加记录。,3,、修改留言,注册并登录用户可以修改自己签写的留言，更新数据库记录。,4,、删除留言,注册并登录用户可以删除自己签写的留言，删除数据库记录,5,、管理留言,管理员通过正确的用户名和密码登录管理后台，从而拥有管理员的身份，才具有管理留言的操作权限，对留言进行回复、修改、删除。,任务,1,：系统功能分析,一、,模块功能分析,二、,规划系统,三、,数据库设计,四、,公共页面,二、,规划系统,创建一个动态站点，前台访问文件放在站点目录下，后台管理文件放在,ADMIN,文件夹下，数据库放在,DATA,文件夹中，所有图像文件放在,IMAGES,文件夹中。如图,7-2.,图,7-2,留言板系统各文件及文件夹的对应关系,各页面的功能如下：,Index.ASP,：网上购物系统首页。,Conn.ASP,：前台数据库连接程序文件。,Book_List.ASP,：留言内容列表页面。,Book_Write.ASP,：留言签写页面。,Book_Edit.ASP,：留言修改页面。,Login.ASP,：前台用户登录页面。,Logout.ASP,：前台用户注销页面。,Reg.ASP,：前台用户注册页面。,Edit_UserINfo.ASP,：前台用户注册信息修改页面。,User_Info.ASP,：前台用户注册信息显示页面。,Top.ASP,：网上购物系统前台页面顶部。,ADMIN,文件夹下：,Conn.ASP,：后台数据库连接程序文件。,Book_List.ASP,：管理员留言管理显示留言内容列表页面。,Book_Edit.ASP,：管理员留言修改、回复留言页面。,Index.ASP,：后台管理框架页面。,Munu.ASP,：管理页面左侧菜单。,Main.ASP,：后台管理主页面。,Login.ASP,：管理员登录页面。,Logout.ASP,：管理员注销页面。,User_All.ASP,：前台用户管理页面。,任务,1,：系统功能分析,一、,模块功能分析,二、,规划系统,三、,数据库设计,四、,公共页面,三、,数据库设计,留言信息表存储的内容和字段如图,7-3,所示,图,7-3,留言信息存储表,Guest_Book,在整个网站的数据库,DATA,中建立一个表,Guest_Book,用于存放留言信息，包含字段,ID,（新闻,ID,，设为主键）、,User,（留言用户）、,Title,（留言标题）、,Content,（留言内容）、,PostTime,（留言时间）、,IP,（留言用户的,IP,地址）、,Reply,（回复内容）、,ReplyTime,（回复时间）。,任务,1,：系统功能分析,一、,模块功能分析,二、,规划系统,三、,数据库设计,四、,公共页面,四、,公共页面,1,、数据库连接文件,数据库连接文件,Conn.ASP,，利用该页面可以建立每个,ASP,页面与数据库的连接，便于程序是维护。代码如下：,在其它页面中可使用“,”,的方法将此文件包含进来。,2,、样式表文件,样式表文件,Main.CSS,，保存于,INC,文件夹中。代码如下,body,tr,td font-family:,宋体,;font-size:12px;line-height:normal;,A:link text-decoration:none;color:#255BCC;,A:active text-decoration:none;color:#255BCC;,A:visited text-decoration:none;color:#255BCC;,A:hover text-decoration:underline;color:#ff0000;,在其它页面中可使用“,”的方法链接到该文件,。,3,、公共函数,新闻系统在显示新闻内容时会对出现的回车符、换行符和空格符等特殊字符进行处理才能显示出来。公共函数页面,Functiong.ASP,放在保存于,INC,文件夹中，代码如下：,%,Function UnHtml(str),UnHtml=str,If str Then,UnHtml=replace(UnHtml,),UnHtml=replace(UnHtml,),UnHtml=replace(UnHtml,chr(34),),UnHtml=replace(UnHtml,chr(13),),UnHtml=replace(UnHtml,chr(32),),End If,End Function,%,在其它页面中可使用“,”的方法将此文件包含进来。,项目,7,制作留言版系统,任务,1,：系统功能分析,任务,2,：留言发布页面的实现,任务,3,：后台留言管理系统的实现,任务,2,：留言发布页面的实现,一、,留言内容显示页面,Book_List.ASP,二、,Book_Write.ASP,：留言签写页面,三、,Book_Edit.ASP,：留言修改页面,一、,留言内容显示页面,Book_List.ASP,客户,查看,留言,从表,Guest_Book,中查询所有记录,是否有记录,设置每页记录数,取得页码，设定页码,设置计数器,判断是否还有记录或计数已到,显示留言信息,（根据是否是登录用户和是否有回复显示修改和删除链接）,显示分页链接,结束,显示没有新闻,是,否,否,是,图,7-4,留言内容显示页面流程,图,7-5,留言显示页面,客户留言,-,列出留言,签写留言,0,%,留言者,留言时间,留言主题,留言内容,Then%,留言回复,&Page=,修改留言,删除留言,1 then,Response.Write,上一页,Else,Response.Write,上一页,End If,If CInt(Page),任务,2,：留言发布页面的实现,一、,留言内容显示页面,Book_List.ASP,二、,Book_Write.ASP,：留言签写页面,三、,Book_Edit.ASP,：留言修改页面,二、,Book_Write.ASP,：留言签写页面,身份验证,客户,输入,留言,3,、留言列表页面,1,、,JS,判定管理后台,错误提示,填写错误,2,、保存到数据库,填写正确,用户登录页面,登录用户,未登录用户,图,7-6,签写留言页面流程,图,7-7,签写留言页面,客户留言,-,签写留言,function ChkBook(),if(document.AddBook.Title.value=),alert(,请留下留言主题！,);,document.AddBook.Title.focus();,return false;,if(document.AddBook.Content.value=),alert(,请输入留言内容！,);,document.AddBook.Content.focus();,return false;,，您好！,请留下您的宝贵意见！,留言主题,留言内容,任务,2,：留言发布页面的实现,一、,留言内容显示页面,Book_List.ASP,二、,Book_Write.ASP,：留言签写页面,三、,Book_Edit.ASP,：留言修改页面,三、,Book_Edit.ASP,：留言修改页面,1,、在表单中显示留言内容,2,、修改,3,、更新数据库,错误提示,修改留言,4,、留言显示当前页,JS,判定,填写错误,填写正确,图,7-8,留言修改页面流程,图,7-9,留言修改页面,客户留言,-,修改留言,function ChkBook(),if(document.AddBook.Title.value=)alert(,请留下留言主题！,);,document.AddBook.Title.focus();,return false;,if(document.AddBook.Content.value=),alert(,请输入留言内容！,);,document.AddBook.Content.focus();,return false;,，您好！,请多提宝贵的意见或建议！修改留言。,留言时间,留言主题,size=50,留言内容,3.,安装完成后，再次进入控制面板，选择管理工具，双击,Internet(IIS),管理器选项，进入,IIS,设置。,项目,7,制作留言版系统,任务,1,：系统功能分析,任务,2,：留言发布页面的实现,任务,3,：后台留言管理系统的实现,任务,3,：后台留言管理系统的实现,一、,留言板系统管理页面分页显示、删除页面,Book_List.ASP,二、,留言的回复、修改页面,Book_Edit.ASP,一、,留言板系统管理页面分页显示、删除页面,Book_List.ASP,图,7-10,留言板系统管理页面,代码如下。,留言本,-,管理,留言管理,0,%,留言者,留言时间,留言主题,留言内容,留言回复,&Page=,回复留言,删除留言,1 then,Response.Write,上一页,Else,Response.Write,上一页,End If,If CInt(Page),任务,3,：后台留言管理系统的实现,一、,留言板系统管理页面分页显示、删除页面,Book_List.ASP,二、,留言的回复、修改页面,Book_Edit.ASP,二、,留言的回复、修改页面,Book_Edit.ASP,图,7-11,留言板系统管理员回复、修改页面,代码如下。,留言本,-,修改回复,function ChkBook(),if(document.AddBook.Title.value=),alert(,请留下留言主题！,);,document.AddBook.Title.focus();,return false;,if(document.AddBook.Content.value=),alert(,请输入留言内容！,);,document.AddBook.Content.focus();,return false;,留言管理,-,回复、管理留言,留言者,留言时间,留言主题,size=50,留言内容,留言回复,The end,