图书商城项目总论
这些年来,我随指南针公司做了一些网站。在这里也感谢指南针用户对鄙人的大力支持,厚爱。汇聚很多程序员多年的智慧,今天我把多年来积累的经验汇聚到一个图书商城项目里面,为大家介绍网站的源代码。关键的环节在于融会贯通,举一反三。
先从注册开始,注册说起来相对来比较简单
一、登录界面
注册界面里面有文本框,有用户名的检测 – 用到“AJAX”这个知识点
填写完信息点击注册后,有个js或是jq的校验
当信息全部填写完,用户点击注册按钮后,把表单里面的数据向服务端提交,在服务端接收数据,插入数据库。
那么,除了把用户信息插入数据库当中之外,我们还要实现用户激活的功能。就是获取用户输入邮箱,根据邮箱发一封邮件。邮件的内容就是激活链接。
把用户信息写入数据库相对简单,问题是怎么去发邮件,怎么发激活链接?这是我们重点讲解的内容。介绍怎么知道用户点没点链接,怎样进行激活。
接下来做的一个功能就是找回密码功能。
二、找回密码演示界面
根据用户的邮箱,把用户名和密码发给用户。这也是我们重点讲解的内容。
这部分用到了之前我们讲解的缓存。
接下来我们做下用户注册之后上传头像的功能,
以前我们上传的时候可能用的是<input type=”File”>但是用户的体验度不是特别的好,为什么呢?<input type=”submit”>一点submit就刷新了。
我们要做个无刷新上传。讲解两种方式,重点介绍flash开源的组件。
三、无刷新上传演示
上传之后,完成截取功能。
四、头像截取功能介绍
讲解flash组件的使用,上传的服务端代码,jq和js实现截取,获取坐标。
然后实现登录功能:
五、登录功能介绍
这里要实现用户名,密码的校验,实现:“记住我”的功能。记住我使用cookie。
这块说完了之后,我们再说下AJAX的登录模式。
六、AJAX登录模式
以及遮罩效果,遮罩我们使用jq来实现。
下一步我们看下:图书列表的展示,我们怎样用美工做好的html网页,怎么样把数据从数据库中拿出来并且进行绑定。
具体实现步骤,从服务端获取相关数据,绑定以及分页的实现。排序的基本实现,还会详细探讨下viewstate。
七、图书列表展示
八、分页效果一
九、另外一种分页的模式
看完另外一种分页的形式后,我们看下url重新问题。
十、url重写
并且深入探讨url重写问题。url重写主要就是为了SEO网站优化的问题。
接下来看下怎么生成静态页:
十一、生成静态页
也就是纯html网页,当用户量比较大的时候,我们最好做成静态页。
然后再看下评论的发布。
十二、评论的发布
这里要实现评论的发布,以及评论内容的加载。重点关注的是时间问题,非具体时间的显示。请仔细看下我们评论区域,不是普通的文本编辑器,是个ubb的文本编辑器。
在这里还要看下xss跨站点脚本攻击的问题和敏感词过滤问题(禁用词,审查词,替换词)。关于审查词,如:发票。这两个字先提交到数据库,管理员进行审核。
接下来的内容自己可以做了,就是评论内容的无刷新分页。
还有就是当滚动条滚动到页面的最下端的时候,才显示评论信息的功能。
这些都讲解完成后,进入购物车功能:
十三、购物车功能
在这里实现商品的增加,商品的递减,商品的删除一系列功能。用jq或js完成。
接下来我们完成结算的功能讲解。
十四、结算功能
进入到订单确认页面里面,输入收货人的地址,选择支付方式,在这里重点讲解怎么实现支付宝。当然在这里我们使用的是模拟的支付宝系统,带大家理解下原理,以及流程。
接下来就到结算功能了,在这里用户要完成下订单操作,向支付宝发送数据的功能。
介绍完这部分内容以后,我们再详细的介绍下编辑器。
十五、编辑器
在这里我们要了解下它的基本使用,再带大家学习词库
十六、词库
要实现敏感词的过滤功能的话,在我们的系统里面必须得有个词库。在这里我们讲解下词库的添加与下载。
接下来我们再讲解下日志记录问题。用到一个开源的框架。
再来介绍下开源的定时框架。就是每隔多长时间去执行什么任务。比如:每天一个约定时间去统计今天的订单数。
这些介绍完以后,我们再来介绍下SEO的问题。
最后的文章里面会给大家介绍下视频处理的问题,就是怎么样做视频的播放的问题。当用户上传任意的格式的视频的时候我们怎么样进行转换。转完以后又怎么播放。
十七、播放有关内容
接下来再说下权限管理的内容:
这块我们单独的进行演示。
十八、权限管理系统
十九、权限管理-用户管理
当admin管理员进入的时候,可以展示出所有的菜单。管理员可以添加新的用户,添加完用户以后可以给这个用户添加角色。
二十、权限管理-角色管理
然后为这个角色指定权限。
二十一、为角色指定权限
以及菜单管理。
二十二、菜单管理
菜单用户可以进行添加。
二十三、添加菜单
然后菜单项也是与权限相关联的。当管理员登陆的时候,菜单全部展开,普通用户登录,只能展示出相应的菜单。所以说,菜单也有权限编号。当用户登录的时候拿到菜单的权限编号和用户的权限编号进行对比,来决定显示哪个菜单。
好,总论讲解完毕,下面进入详细环节。先看下权限管理内容。
权限表分析:在权限管理里面最重要的是三个对象,用户管理对象,角色管理对象,权限管理对象。这里就用到了面向对象的思想。
请看下面的图示:
二十四、权限管理数据库分析
先看下名词解释,用户很好理解。什么叫角色呢?老师,学生都是角色。权限也比较的好理解。
在这里用户为什么没有跟权限直接的进行关联呢?
用户要和角色进行关联,用户属于某个角色。在这里举个例子讲解:杨川川入职了,就是个新员工,公司里面有个打卡系统,经理要开给杨川川在办公系统开个账户。现在公司决定新入职的员工权限提升一次,之前5个权限,现在6个权限。假如说系统在设计的时候是用户和权限直接关联的。本月来的10个新员工,都要调整权限。但是用户要是和角色相关联的话,这时,只要把新员工的权限改下就行了。所有属于新员工的用户权限就都发生变化了。
下面我们就看下权限的数据库怎么进行设计了,最基本的得有用户表,角色表,权限表。
用户表里面有哪几个字段呢?
用户编号,用户名,密码,性别,邮件。
角色表里面有哪几个字段呢?
角色编号,角色名。
权限表里面有哪几个字段呢?
权限编号,权限名。
用户跟角色进行关联,按照我们之前讲解的内容,两个表就有关系了。主外建关系。如果我在用户表里面加个角色编号的话,你们认为合理么?
一个用户属于一个角色,一个角色下可以有多个用户,所以说这两个表的关系就是多对多的关系。既然是多对多的关系,我们怎么表现出这种关系呢?
还得需要一张表,就是用户角色关系表。用户和角色的关系就体现在用户关系角色表里面了。
用户关系角色表里面应该有哪些字段呢?
用户编号,角色编号。
角色表跟权限表是个什么关系呢?
也是个多对多的关系,所以,再建一张表,叫做角色权限关系表。
这张表中有:角色编号,权限编号的字段。
这五张表就是我们的核心表了,还有一张我多增加的表叫做权限类别表。然后权限都放在一个大类下面。
有:类别编号,类别名称字段。
在权限表中,增加个:类别编号的字段。
二十五、数据库当中的六张表
二十六、权限管理模块核心表结构
我们看到还有像菜单表,用户信息表中还有部门这样的字段。刚才的六张表的分析,以思路为主,采用的字段都是最基本的字段。
刚才我们分析了数据表的创建过程,关键是思路,能理解这个过程就可以了.
下一步我们开始设计登录的内容,打开项目,我们先用手写的三层,后面讲到图书商城项目的时候再演示代码生成器.
二十七、web登录(1)
二十八、放验证码的位置
验证码插入位置:
View Code
下一步我们怎么把验证码放到登录页面上,我们该怎么放呢?
二十九、将验证码引入-用个img标签
接下来我点验证码的时候需要个切换效果,这个效果怎么实现呢?
我们用js来实现,我在这加了个a标签,在a标签里面写了个onclick
在js的函数里面怎么写呢?获取验证码的id,然后改变src属性,获取随机数加个毫秒数,这样第一步就完成了。
三十、切换验证码的代码
下一步我们就开始点击:登录按钮
现在我们在后台,后台的用户访问少,所以这里可以用服务端控件。
三十一、构建三层的时候需要注意的地方
三十二、DbHelperSQL
动软的代码生成器,把数据库连接字符串都放在appSettings里面了。不要放在这里面,因为ms为我们提供了connectionStrings。
那么我们在什么时候会用到appSettings里的键值对呢?比如分页,每页显示多少条记录,以前都写在程序里面。用户不想一页显示10条的话,我们只能再改程序。
最好的方式是写在配置文件里面,不需要改源代码。我们可以把关于每页显示多少页的项,放在appSettings里面。 ConfigurationManager.AppSettings[“key”]获取一下。
三十三、配置文件中需要注意的地方
其实,把经常变动的内容放在配置文件中也不是最佳的选择。如果现在网站正在服务器运行的情况下,正在使用这套程序的用户的会话丢了。最好的解决方式就是做个页面。可以在自己网站的后台做个页面,这个后面马上就讲。
像使用的数据库变化了这样的问题,涉及到抽象工厂。就是面向接口编程。建议看下《大话设计模式》。
三十四、配置页面
三十五、数据访问层我们回顾的内容
三十六、用户校验的DAL层代码
别忘了引用下model
下面写下业务逻辑层
三十七、用户校验的BLL层代码
这里的BLL就是个打酱油的,别忘了引用DAL和Model。
接下来终于回到了web层。
引用bLL和Model,注意:每写完一层,我们都需要重新生成一下。
插入代码位置:
View Code
下面我们重点讨论下:session
session的主要作用就是记录用户登录信息,为什么要放进session,干什么用呢?在后台的页面里面进行校验。
三十八、新建test页
这个网页只有登录的用户才可以看,
三十九、登录测试页面
网站管理员操作的后台页面有很多,在每个页面加这段代码的话,自己累,用户也非常的不爽。我们有什么好的方法处理这个问题么?
可以用过滤器:HttpModule—其中最核心的就是19个事件。
四十、19个事件
看表,得知使用第九个。如何使用这张表:由于每一个动态页面都会走过滤器,我们就可以在过滤器里面进行判断。过滤器有19个事件,我们一查表发现是第9个。
那么,我们怎么去使用第9个事件呢?
可以自己定义个类,来继承HttpModule这个接口,也可以在全局配置文件里面,到底使用哪种方式,随便你.
下面我写好了这段代码,分享源代码贡大家使用:
插入CheckAdminModule.cs位置:
View Code
关键是配置项,我们要在Web.config里面配置一下。
四十一、Web.config
上面的内容中我们把登录给大家写了一下,接着我们看下登录成功以后
四十二、跳转一
四十三、跳转二
四十四、然后看看Main.htm里面都是什么
四十五、用frameset的好处
可以使用母版页。母版页就是把公共的元素给独立出来。上面和左面都用母版页来做。那么,我在做后台管理系统的时候为什么没用母版页用的是frameset呢?用母版页一点就刷新,体验性不是特别的好。
四十六、frameset布局
在前台(大众用户看的)页面的布局的时候,一般都用母版页来做,为什么这又不用frameset呢?frameset不利于SEO的优化,搜索引擎都有蜘蛛爬虫,这些蜘蛛不喜欢页面是frameset布局的。frameset放的是不同的页面,蜘蛛所喜欢页面就是一个页面。对于网站的后台(给管理员看的)就无所谓了。
接下来我们再回顾一下frameset的基本用法,
四十七、主页面
不需要用body了,因为body里面放的是网页的主体,只管分割,具体的内容显示交给其它的页面了。rows横向分割,iframe是内嵌框架,*剩下的高度或宽度,rows和cols不能同时使用。在left.html中设定target
四十八、设定left.html中的target属性
在使用frameset的时候,最好给它定死。noresize这个属性就是干这个事儿的。
下面我们看下菜单表的设计:
四十九、菜单设计一frameset
下面我们就看下怎么把菜单给取出来,
五十、干掉这条语句
五十一、给TreeView起个名字
菜单存在数据表里面,下一步要考虑菜单这个数据表它应该怎么设计。通过观察我们发现菜单是个树状结构,数据表要体现出这种主次关系。那么数据表怎么设计呢?通过父id体现这种主次关系。
五十二、数据表设计
那么我们这里不写ParentID行不行呢?做成两个表行不行呢?不行的,子菜单下面可能还有子菜单。所以,以后设计这种树状结构的时候,要增加一个父节点。
五十三、这样设计是不行的
下面我们就看下怎么取数据。
五十四、IsPostBack属性
这个判断是我们在服务端经常用到的判断,下面我们再来说一下IsPostBack的用法。曾经是个面试题呦!
IsPostBack这个属性的值是个bool类型的,那么他在什么情况下为true,什么情况下为false呢?
当是一个get请求时,该属性的值为false。
如果是一个post请求时,该属性的值为true。
什么时候发get请求呢?用户在地址栏里面输入网址,点个超链接。
那么什么时候发post请求呢?
提交表单submit的时候。
那么在这个地方,加这个判断的意义是什么呢?
获取所有的菜单项,查询数据库,当用户第一次访问这个页面的时候,我们把数据从数据库里面取出来。加载到TreeView上,页面上有个submit或其它的提交按钮的话,一点按钮,发出post请求。导致页面挥发、刷新。这时还会再走下Page_Load方法,如果不加if(!IsPostBack)判断,又查询数据库了。加上这层判断就不用查询数据库了,因为IsPostBack属性为true,又加了个非。不成立就不执行下面的代码了。
继续往下走,为什么点击按钮导致页面刷新,为什么不用查数据库但是数据没有丢呢?因为VIEWSTATE。
五十五、viewstate
画图演示这个问题,
五十六、_ _VIEWSTATE出现的场景
那么IsPostBack这个属性,它怎么知道用户发的是get请求还是一个post请求呢?
根据的是请求报文,如果是get请求,请求报文里面只有请求头。如果是post请求还有请求体。
如果发出的是post请求,这时候会把_ _VIEWSTATE发到服务端,服务端一看有隐藏域过来,IsPostBack为true。
五十七、禁用隐藏域
当我们禁用隐藏域以后,_ _VIEWSTATE还有,但是它的value很少了。那么,我们想完完整整的干掉隐藏域的话,应该怎么办呢?
五十八、彻底干掉隐藏域
但是,如果把它去掉了,服务端控件就没办法使用了,这样就回到了纯HTML的时代。
所以说,_ _VIEWSTATE这个东西让人用起来很方便,但是它返回的这坨代码很不爽。浏览器要加载这些东西,让浏览器变得很慢,卡住了一样。一般情况下,我们把隐藏域禁用掉。如果禁用掉的话,每次都要查数据库了。就不能加刚才的if(!IsPostBack)判断了。大家会问,如果我每次查询数据库的话也很慢,其实,在这个地方有外国专家写过博客,连数据库的时间比加载_ _VIEWSTATE的时间要短。一般情况下我们要把_ _VIEWSTATE禁用掉。但是我们现在做的是后台,就无所谓了。要是我们后面做图书列表的话,就没必要用_ _VIEWSTATE了。又不想每次查询数据,就只能启用缓存了。
下面我们就写下GetTreeData()
五十九、数据访问层代码
六十、业务逻辑层代码
六十一、UI层代码
接下来我们考虑下权限问题,我们获取用户的权限编号和菜单的权限编号进行一个对比.
六十二、权限编号的由来
首先应获取下用户所具有的权限编号,
六十三、分析哪两张表关联好写sql语句
分析结果:角色权限关系表dbo.Accounts_RolePermissions
用户角色关系表dbo.Accounts_UserRoles
通过RoleID关联起来,得到权限编号了。
六十四、写好DAL.Account_UserService
六十五、写好BLL.Account_UserManager
然后再回到left.aspx.cs页面
六十六、登录的时候存到Session里面
六十七、权限UI层
最后,我们来看下退出的问题。
六十八、放个退出按钮
六十九、切换到设计模式
七十、退出代码
这块出问题了,我们用的是frameset,跳转的时候只跳出上面这块。
七十一、这样写退出
target的其它选项自己去查,比较简单,不再这里说了。
再加个Loginout.aspx页面。其实退出页做个一般处理程序比较的好。
七十二、新建退出页
七十三、页面报错
七十四、报错的原因
关键就是target属性,今天我们的文章当中就提到了两次。
作者近期文章列表:
C#中级进阶教程(完全免费,献给代码爱好者的最好礼物。注:本作者分享自己精心整理的C#中级进阶教程,无任何商业目的。 希望与更多的代码爱好者交流心得,也请高手多多指点!!!) |
|
三层及其它内容 | 递归 |
三层(一) | |
三层相关案例(及常见的错误) | |
三层实例(内涵Sql CRUD) | |
手写代码生成器 | |
SQL数据库 ADO.net | 数据库的应用图解一 |
数据库的应用详解二 | |
ADO.NET(内涵效率问题) | |
ADO.NET实例教学一 | |
ADO.NET(内含存储过程讲解) | |
面向过程,面向对象中高级 | 面向过程,面向对象的深入理解一 |
面向过程,面向对象的深入理解二 | |
面向对象的深入理解三 | |
无处不在的XML | |
winform基础 | Winform基础 |
winform中常用的控件 | |
面向过程 | 三种循环的比较 |
C#中的方法(上) | |
我们常见的数组 | |
面向对象 | 思想的转变 |
C#中超级好用的类 | |
C#中析构函数和命名空间的妙用 | |
C#中超级好用的字符串 | |
C#中如何快速处理字符串 | |
值类型和引用类型及其它 | |
ArrayList和HashTable妙用一 | |
ArrayList和HashTable妙用二 | |
文件管理File类 | |
多态 | |
C#中其它一些问题的小节 | |
GDI+ | 这些年我收集的GDI+代码 |
这些年我收集的GDI+代码2 | |
HTML概述以及CSS | 你不能忽视的HTML语言 |
你不能忽视的HTML语言2精编篇 | |
你不能忽视的HTML语言3 | |
CSS基本相关内容–中秋特别奉献 | |
CSS基本相关内容2 | |
JavaScript基础 | JavaScript基础一 |
javascript基础二JavaScript DOM编程 | |
jQuery | jQuery(内涵: jquery选择器) |
标签: AJAX, viewstate, 分页效果, url重写, 权限管理数据库分析, session, HttpModule, 用frameset的好处, target属性, IsPostBack属性
作者:Leo_wl
出处:http://www.cnblogs.com/Leo_wl/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
版权信息