电专ASPNET网站开发实训报告

1、20142015学年第一学期ASP.NET编程实训I报告班 级：计算机1201姓 名：学 号：指导教师：张编写日期：2013年9月20日评语:成绩教师签名：年 月 日1、 实训目的利用 ASP.NET 三层架构模式开发求职系统(或其他系统)，锻炼并提高分析问题、解决问题的能力。2、 知识点1 ASP.NET AJAX 客户端脚本扩展2 Web.config 系统配置3数据访问类的设计4业务对象类设计5表现层技术分析6 ASP.NET AJAX 技术的应用7基于AJAX 的导航栏8母版页9主题和皮肤10 用户控件三、 需求分析1 概述因为互联网特性， 网络漫画原则上比正统出版及连载存在更大的自由

2、度， 是任何人都可以发布的媒体。 每一部作品的读者对象可以存在极大差距 大部分对象都会局限在作者亲近的家人和朋友； 只有极少数可以推广至普罗大众， 以至拓展到全球地区，达至理想的名利兼收。2系统目标实现漫画的发布、搜索、观看、收藏、评论，该系统实施后，应达到以下目标。1) 界面设计友好、美观，数据存储安全、可靠。2) 基本信息设置保证漫画信息和读者、作者信息的分类管理。3) 强大的查询功能，保证数据查询的灵活性。4) 实现对充值VIP 会员过程的全程数据信息跟踪。5) 实现对漫画信息的修改功能。6) 对漫画、读者信息、作者信息的增、删、改、查简易方便。7) 设置读者收藏和图书点击量排行榜，对给

3、读者推荐漫画提供真实的数据信息。8) 提供管理员修改自己登录密码的功能，保证系统的安全性。9) 提供灵活、方便的权限设置功能，使整个系统的管理分工明确。10) 实现读者对收藏漫画的浏览、查询，对个人信息的查看、修改。11) 系统要最大限度地实现易维护性和易操作性。3开发环境网站开发环境网站开发环境：Microsoft Visual Studio 2010集成开发环境。网站开发语言：ASP.NET+C#+SQ L网站后台数据库： SQL Server 2008 。 服务器端 Windows Server 2008 以上操作系统。Web服务器:Internet信息服务器。数据库服务器： SQL S

4、erver 2008 。浏览器： IE6.0 及以上版本。网站服务器运行环境： Mircrosoft.NET Framework SDK v4.0。 客户端浏览器： IE6.0 及以上版本。四、 系统设计1. 数据库设计本系统采用SQLServer 2008数据库，名称为 wmbComic其中包含10张表。下面分别 给出数据表概要说明、数据表E-R 图及主要数据表的结构。1) 数据库概要说明下面是数据表的树形结构图，如图 1.1 所示，其中包含系统所有数据表。表用户信息用户所属角色a表角色信息权限等级所属L表等级信息表作者与漫画关系表读者评论漫画表读者的书架表读者阅读历史图1.1 数据库表结构

5、2）数据库概念设计通过对本系统进行的需求分析、系统流程设计、以及系统功能结构的确定，规划出系统中使用的数据库实体对象，具体说明如下。看 士 MW 讨 a>s:"wit tniaathnu.三:率尽M”上 5占YiRgt 6,早虐tsCK， Br £ Vlfllitt EfiaactcB a： 4户尊f 号vac3st »aBi»B15：>三方 E, VamflC- 彳口说 BDoHin N 口工三 Xie 三力 5cG* F V1R93 E GEI0®! E 百立 #5V3134> 6,甲!St，（I 丁 i.5 CniBil

6、iBnD 2-r-e V1P33F 事词mF1 盹 S - SicS Vbbji 酢 bi，*点:曾& P g? 电管火 Longllrgtr 23 尊威-3P3：e ffiaBe-SBRIYP4看VifiiJf 5泪®E”1TP止直立0a+/¥Bfl!4lt bl占总餐的贻MlE QF二，na = lr 由口，【! B堂白书w .二it G量曰=",；1二 & 暨星VdQ：酷端白0金出间5工中耳 丁界电”三名一，"王彳口二：/：1口edlp，=同 Wirsv dimcfiK|1D；i被生后F心阳二e 69由摭 .；IB中号,便修I 彝理

7、附 冒bMlcM1口 5 "0户 * YJin匕巾am 口外 "就£营国 ”叫鹿外 d 了比Y* 'I'lfiia-cniaitffiilO" g皆国国 为菜$ Tn e,6号I &奥加IrtiiM碓画崛111"彳口再提VJfIBIf OiMMilllillfl9"弱豆者诏"由。KK刁孱泵，"上罩W# 彳Vjlibla ±：iaini t："为上比Wm/左力麻C呼号员隹第R0 ait蜉中苍专襄 fix壮电 HUbaE*eSo&iean "gtr国卫名，&

8、#39;占够;史修占总部前EX VaNMlB 530URIGU5 Varii&te iiiacttB Vil»e巧口觥触S 也H"E! 5己H曾品口依： V?na«5»5才砂亚胃4心.“rHe ger iHfepr 3oDlaanYan»ie dfiaa-SE-KO-3）数据库逻辑结构设计在设计完数据库实体 E-R图之后，需要根据实体E-R图设计数据表结构。下面给出各数 据表的数据结构和用途。wmb_userInfo （用户信息表）。表wmb_userInfo用于存储用户的相关信息，该表的结构如表3.1所示。字段名数据类型长度约束关系描

9、述userCodevarchar(10)10主键用户编码roleCodevarchar(10)10外键角色编码userNamevarchar(20)20用户名称userNickNamevarchar(20)20用户昵称userEmailvarchar(50)50用户邮箱userMPvarchar(15)15用户手机号userPwdvarchar(20)20用户密码userSexbit用户性别userBirthdaydatetime用户生日userLocationvarchar(50)50用户所在城市userEducationvarchar(10)10用户学历userBloodTypechar(

10、10)10用户血型userHobbyvarchar(100)100用户兴趣userIntroducevarchar(100)100用户自我介绍userEXPbigint用户经验值userGradevarchar(14)14用户等级userVIPGradevarchar(14)14VIP等级userVIPEXPintVIP经验值userPortraitvarchar(50)50用户头像userDatedatetime用户注册时间RowIDint自增彳T#表3.1用户信息表wmb_roleInfo （角色信息表）。表wmb_roleInfo用于保存用户角色的信息，该表的结构如表3.2所示。字段名数

11、据类型长度约束关系描述roleCodevarchar(10)10主键角色编码roleNamevarchar(10)10角色名称roleRemarkvarchar(50)50角色描述RowIDint自增彳T#表3.2 角色信息表wab_gradeInfo（级别信息）。表wab_gradeInfo用于保存书架的详细信息，该表的结构如表3.3所示。字段名数据类型长度约束关系描述gradeCodevarchar(10)10主键级别编码roleCodevarchar(10)10外键角色编码gradeNamevarchar(16)16级别名称RowIDint自增彳T#表3.3 级别信息表wmb_comic

12、Info （漫画信息表）。表wmb_comicInfo用于保存与漫画相关的所有信息，该表的结构如表3.4所示。字段名数据类型长度约束关系描述comicCodevarchar(10)10主键漫回编码comicNamevarchar(20)20漫画名称comicAuthorvarchar(20)20漫画作者comicRemarkvarchar(600)600漫画介绍comicLabelvarchar(200)200漫画标签comicRoleLabelvarchar(200)200漫画角色标签comicAuthorizationint漫画授权状态comicThemeint漫画题材comicTypei

13、nt漫画类型comicStatebit漫画状态comicPVvarchar(20)20漫画点击量comicReadOrderbit漫画阅读顺序RowIDint自增彳T#表3.4 漫画信息表wmb_chapterInfo（章节信息表）。表wmb_chapterInfo 用于保存漫画章节的信息，该表的结构如表3.5所示。字段名数据类型长度约束关系描述chapterCodevarchar(10)10主键章节编号comicCodevarchar(10)10外键漫回编码chapterNamevarchar(50)50京IJ名称chapterRemarkvarchar(100)100早下插述chapter

14、Datedatetime更新时间RowIDint自增彳T#表3.5 章节信息表wmb_comicPicture （漫画图片信息表）。表wmb_comicPicture用于保存漫画图片信息，该表的结构如表3.6所示。字段名数据类型长度约束关系描述pictureCodevarchar(10)10主键图片编码chapterCodevarchar(10)10章节编号RowIDbigint自增彳T#表3.6 漫画图片信息表wmb_readerComment （读者漫画评论信息表）。表wmb_readerComment用于保存所有读者的评论信息，该表的结构如表3.7所示。字段名数据类型长度约束关系描述co

15、mmentCodevarchar(10)10主键评论编码userCodevarchar(10)10外键用户编码comicCodevarchar(10)10外键漫回编码commentobjectvarchar(10)10评论对象commentMessagevarchar(200)200评论内容commentDateTimedatetime评论时间RowIDint自增彳T#表3.7 读者漫画评论信息表wmb_comicAuthor （作者与作品关系信息表）。表wmb_comicAuthor用于保存作者与作品关系信息，该表的结构如表3.8所示。字段名数据类型长度约束关系描述authorComicCo

16、dvarchar(10)10主键作者作品编码euserCodevarchar(10)10用户编码comicCodevarchar(10)10外键漫回编码RowIDint自增4 J勺表3.8 作者与作品关系信息表wmb_readbookCase （读者书架信息表）。表wmb_readbookCase用于保存所有读者收藏的漫画信息，该表的结构如表3.9所示。字段名数据类型长度约束关系描述CaseCodevarchar(10)10主键书架编码userCodevarchar(10)10用户编码comicCodevarchar(10)10外键漫回编码RowIDint自增4 J勺表3.9 读者书架信息表w

17、mb_readHistory （读者阅读历史信息表）。表wmb_readHistory用于保存所有读者阅读历史记录信息，该表的结构如表3.10所示。字段名数据类型长度约束关系描述historyCodevarchar(10)10主键阅读历史编码userCodevarchar(10)10用户编码comicCodevarchar(10)10外键漫回编码chapterCodevarchar(10)10外键章节编号historyTimedatetime历史时间RowIDint自增彳T#表3.10读者阅读历史信息表2.详细制作1）漫画展示界面设计至台 阍电' 收BLW计 时胤：川计 忖裴m升新地收

18、W椅J万妊国记的目期力坦界w* 双员越，S7.冬的丁尼在4曲§平相关下与7盟挂图1.1 漫画展示界面设计图技术总结页面上的漫画展示，是使用Repeat控件循环显示从数据库中读出的数 据，并对相应字段加以绑定。代码如下：A.前台循环:<asp: Repeater ID="Rpshaonv" runat ="server"><ItemTemplate ><li ><em class ="ico_update"></ em><a href ="ComicS

19、how.aspx?id= <%# Eval("comicCode") %> target ="_blank" class ="bg_comic"> <img title =' <%# Eval("comicName") %> ' src =' <%# Eval("comicCover") %> '></ a><a href ="#" class ="comic_n

20、ame" title ="<%Eval("comicName") %> "><%# Eval( "comicName") %></ a><span><%# Eval( "comicAuthor" )%x/ span></li ></ItemTemplate ></ asp: Repeater >8 .后台代码：81 .页面后台：FrameBLL.ComicList bll = new FrameBLL.C

21、omicList ();Rpshaonv.DataSource = bll.BindRepeater(12,4, "comicPV");/bll.BindRepeater方法三个参数(int 读取数量，int 漫画类型,string排序方式) Rpshaonv.DataBind();82 . FrameBLLg代码：FrameDALwmb_comicInfo ComicInfo = new FrameDALwmb_comicInfo();/ <summary>/漫画列表 / </summary>/ <param name="comic

22、Type">®画类型 int </param>/ <returns></returns>public DataTable BindRepeater( int neeedNum,intcomicType, string filedOrder)return ComicInfo.GetList(neeedNum, "comicType=" +comicType, filedOrder).Tables0;83 .FrameDal 层代码/ <summary>/ 获得前几行数据/ </summary>

23、;public DataSet GetList( int Top, string strWhere, string filedOrder)StringBuilder strSql= new StringBuilder ();strSql.Append( "select " );if (Top>0)strSql.Append( " top " +Top.ToString();strSql.Append( "comicCode,comicName,comicAuthor,comicRemark,comicLabel,comi cRoleLab

24、el,comicAuthorization,comicTheme,comicType,comicSta te,comicPV,comicReadOrder,comicCover,RowID ");strSql.Append( "FROM wmb_comicInfo ");if (strWhere.Trim()!= "")strSql.Append( " where " +strWhere);strSql.Append( " order by "+ filedOrder);return DbHelperSQLQuery(strSql.ToString();效果：(由于数据库中只有1条数据，只显示一个)全部周事 收藏2000+ i长器行夏达五、 实训总结此次实训， 从开始到现在， 我断断续续地做， 花了近 3 周的时间。虽说是一个人做的， 但是我仍然觉得花的时间太多了。 自己一人将整个系统玩玩整整地做好还是有些勉强。 这跟我的能力、 经验不无关系，我还需要学的东西甚多，需要掌握的东西甚多。为了避免代码的重复和冗余， 用到了公共的文件， 是后续的开发和设计得以高效的进行。 有的知识是在课本上找不到或者是课本知识的深化，通过逐一的排难解困，不仅巩固了