小说阅读网 毕业设计(三稿)

标签，用更形象的 HTML5 标签代替旧 HTML 标签。网站程序代码更加简洁，无论是在搜索引擎收录还是浏览器兼容上，均有不小的提升，同时后期修改代码时也一目了然[4]。使用 HTML5 开发的互动小说阅读网站，标签语义化，能降低机器和开发人员理解内容和语境的难度。该网站能在各平台内基本能够正常显示，只要有浏览器即可进行电子书的在线阅读，无需再安装其他插件，更具兼容性。各浏览器对 HTML5 的兼容还未达到完美状态是当前基于 HTML5 开发的网站所面对的主要问题，而解决这个问题的办法是，在不兼容的地方使用 Java Script 和 Flash 作为备选方案，保证自己的实现适合所有用户，而随着时间的推移，HTML5 能被所有浏览器完美展现时，在不改变当前实现的前提下，即可移除 Java Script 和其他备选方案。电子书的发展趋势，大可能也会偏向跨平台展示，即用 HTML5 进行开发就可达到更好的体验。虽然因为技术水平的限制，并没有展示得很好，但用 HTML5开发互动小说阅读网站必是一个很有前瞻性的尝试[4]。

在符媚的《初中语文（人教版）课内小说阅读学习网站的研究与设计》中，该小说网站的设计主要是实现对学生的教学过程，运用网站教学学习，学生能变成真正的学习主体，教师是教学过程的客体；网站资源的丰富性能够适应不同层次基础的学生需要，充分调动学生的学习积极主动性，有利于提高学生的综合素质，有利于培养学生的创造性思维和创新精神；本网站的设计与实践研究，对今后其他专题网站的设计研究具有指导、借鉴意义。根据前人的研究，编写网站脚本，按照课内小说篇目，归类、整理各类学习资源，做好网站制作的准备工作。然后采用Dermaweaver8工具制作网页，用Flash软件制作动画，用Photoshop CS4软件处理图片，完成静态网页的制作；利用ASP完成动态网页的制作。本网站建

7

成之后，进行了测试，结果表明，网站是稳定的，能够正常运行，达到了预期目标[5]。

随着全球信息化的发展，网络为小说的发展起到了很大的促进作用，使小说可以突破地域上的限制，开展全国范围内的业务，真正达到信息资源的共享，同时网络也使作者和读者的关系变得更加直接。

本篇论文以小说作为研究对象，通过对国内外小说信息相关网站的调查研究，发现我国的众多网站在建设方面还处于发展中甚至初级阶段的水平，其中存在的问题包括：网站设计界面单调、网站功能不齐全以及网站所采用的开发技术过于复杂等方面。作者通过对大量网站的调查研究，针对不同的问题，并结合小说网站的特点，采用ASP.NET网络编程技术，SQL Server数据库技术、C#程序开发语言、DIV+CSS布局技术、Photoshop图像处理等多种技术的无缝结合，开发了综合性较强的小说阅读网站，在一定程度上完善了在大多数网站中存在的问题。同时通过小说阅读网站的推广，满足广大读者的阅读需求。

2.系统的总体分析与设计

2.1系统分析与功能介绍

本系统分别为三个用户提供不同平台，读者可以用实现用户登录注册，小说阅读，小说搜索，收藏小说，修改密码，评论小说等功能，作者用户可以实现，登录注册，小说阅读，小说搜索，修改密码，发表文章，更新文章，等功能，而管理员除了上述功能之外，还可以对小说章节用户，评论等信息进行管理，

本小说阅读网站目标在于为读者和小说提供信息交流的平台, 首先小说网站能够及时发布最新的小说作品信息并得到及时的反馈; 其次小说网站留言板模块促进读者与小说作者及网站管理人员之间的交流与促进; 同时小说网站本身能得到读者与小说作者反馈的信息同时促进网站的改进, 能够加强三方面的了解和合作; 并且小说后台管理方面的提供给小说管理人员方便的操作。

关于本小说阅读网站，主要能分为前台系统和后台系统。小说前台系统主要是读者用户所涉及到的功能，而小说后台系统则是为了让小说作者和网站管理员对网站上的各种信息进行添改删操作。以下介绍几个主要模块： 2.1.1管理员功能模块

根据管理员的详细要求和将来可能需要添加的功能，系统应包含以下功能：1.用户管理：已经注册的用户登录后，详细填写与用户有关的信息在确认之后写入数据库，2.用户的修改与删除，先对用户进行查询，当确定想要修改的用户存

8

在时将该用户的信息输出然后对此用户进行修改和删除，将已作出修改的数据保存到数据库中，若查询的用户不存在则给出相应的找不到该记录的提示。小说管理：由于管理员不是作者，他只能对已经存在的小说信息进行删除操作，无法修改或添加。先对小说进行查询，当确定想要修改或删除的小说存在时，将该小说的信息输出然后对比小说进行删除，将已经做删除的小说从数据库中删除，若查询的小说不存在则给出相应的找不到该记录的提示。管理员登录密码修改，为了确保系统的安全性，用户可以自行修改自已的密码，修改密码时必须提供原始密码，经核对后两者统一才能修改。如下图2-1：

管理员阅读小说搜索小说修改密码读者管理添加修改删除作者管理添加修改删除小说管理删除评论管理删除

图2- 1管理员功能模块设计

2.1.2用户功能模块

用户可以在首页和小说列表中可以查看系统中已存在的所有小说信息，用户不需要登录就可以免费阅读本网站上的所有小说信息，登录后可以对小说进行收藏和评价。用户可以通过注册来在数据库中添加自己的信息，注册信息包括用户编号、登录名、登录密码、性别、电子邮箱、电话等信息。章节列表：当用户点进某一小说后，就可以阅读这本小说下的所有章节信息。读者登录密码修改，为了确保系统的安全性，用户可以自行修改自已的密码，修改密码时必须提供原始密码经核对后一致方可修改。如下图2-2：

9

读者阅读小说搜索小说修改密码收藏小说评论小说

图2- 2读者功能模块设计

2.1.3作者功能模块

作者在发表小说后可以添加小说章节，最新章节登记后，详细填写与章节有关的信息，确定之后写入数据库；章节的修改和删除，直接选中自己所要修改的章节，将已做修改的数据保存到数据库中；作者登录密码修改，为了确保系统的安全性，用户可以自行修改自已的密码，修改密码时必须提供原始密码经核对后一致方可修改。如下图2-3：

作者阅读小说搜索小说修改密码发表文章章节管理章节添加章节修改章节删除

图2- 3作家功能模块设计

发表评论

2.2系统的可行性分析

所谓的可行性研究就是在全面了解自己所研究项目的存在意义和价值后，从影响项目研究的各个方向来确定项目是否可行，是否值得去研究，以及项目存在哪些风险，这是研究一个项目的重要环节。通过对这些尽思考，最后确立最优的

10

研究方案，如果无法在项目初期提供契合实际的任务书，就无法对研究项目的过程实施全面调控，如果只是简单草率地开始进行设计，这最终会出现不少问题，造成不必要的损失。本文主要是通过对小说阅读网的经济可行性、技术可行性和操作可行性三方面来进行具体分析。

2.2.1技术可行性

技术可行性是在开发前的研究阶段中是十分重要的，这关系到在开发过程中是否能顺利完成客户提出的需求、是否能准确达到客户想要的效果、是否能真正意义上把设计实现，而不至于让设计成为天马行空的幻想。可以说，技术可行性的分析是整个项目开发的一个关键点[6]。

技术可行性是现阶段已存在的技术是否能给所做的项目提供技术上支持，也就是说项目在技术方面是否能实现，本系统的开发所需要的技术主要包括ASP.NET技术，C#，SQL Server数据库技术，这些都是本人在大学期间所涉猎的内容，虽然在这些方面并不是佼佼者，但是所掌握的技术已经基本上可以达到开发本系统的要求。由此可以看出，小说阅读网系统在技术上是可行性。

2.2.2 经济可行性

所谓的经济可行性就是从经济效益的方面分析网站是否能够带来里良好的经济效益,看网站的设计是否具有必要性[7]。由于本系统开发所选用的工具并没有产生资金消耗，所以本系统开发并不需要大量资金，小说阅读网站可以保存比以前更加的小说信息，可以改善用户阅读小说的方式，促进小说文化在互联网上的传播，减少人们买书、租书的费用，这些都是可以在以后的网站运行过程中体现出来的，并且开发本系统会给读者和作者带来新的体验，推进了读者与作者之间的交流，并推动了小说文化的传播，所以从经济角度来分析小说阅读网站这个项目成本远小于效益，所以，它在经济上是可行的。

2.2.3 操作可行性

操作可行性指系统在开发完成之后是否能被有效地被使用。小说阅读网系统是以网页的形式发布至互联网，在系统框架搭建完成之后，即可在一台机上配置建立虚拟目录或网站。这样，任何能正常浏览网页的机，就可以通过相应的地址访问到本系统。所以说，本系统的运行成本是非常小的，可行性是显而易见的。

2.3系统的数据库设计

根据数据库的分析和系统功能要求在sql server2008中创建数据库，本数据库以sql server2008为基础，创建一个名字“小说阅读网数据库”的数据库。然后在此数据库中创建各个应用表了。

11

小说阅读网数据库包含以下过几个表：作者信息表（Author）、读者信息表（tb_User）、管理员信息表（manager）、小说信息表（Novel）、章节信息表（Chapter）、评论信息表（Comment）。

本网站根据系统的数据需求，创建了以下6个数据表： 1.作家信息表（Author）

作家信息表记录了所有作者用户的信息，例如作家编号、作家名、用户密码、性别、电话和邮箱等。它与小说信息表有着千丝万缕的联系，本论文中作家的信息单独列举出来，并记录作家的各种信息，与读者用户木有直接关系。它的结构如表2-1所示。

表 2- 1 Author数据字段 字段名称 字段类型 主键 空 是否为描述 AuthorID AuthorName AuthorPass AuthorSex AuthorPhone Authorbirth AuthorMail

Int nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) 主键 / / / / 否 否 否 是 是 是 是 作家id 作家姓名 作家密码 作家性别 作家电话 作家生日 作家邮件 2.读者信息表（tb_User）

读者信息表记录了读者用户的所有相关信息，由于登录需要使用用户名和密码进行验证，用户ID设为主键，不可为空；用户帐号使用的安全性问题，用户密码可以用原始密码来进行修改。它的结构如表2-2所示。

表 2- 1 tb_User的数据字段 字段名称 UserID UserName UserPass Sex

字段类型 nchar(10) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) 12

主键 主键 / / / 允许为空 否 ID 否 否 是 描述 用户用户名 密码 性别 Phone Birth Mail nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) / / 是 是 是 电话 生日 邮件 3.管理员信息表（manager）

管理员信息表记录着管理员的用户名和密码，只有这两种信息，这个数据表是为了可以更加方便地知道管理员用户名和密码，以便管理员登陆后进行一些操作。它的结构如表2-3所示。

表 2- 3 表manager数据字段 字段名称 Name Pass

字段类型 Nchar(10) Ntext 主键 主键 / 是否为空 否 否 描述 用户名 密码 4.小说信息表（Novel）

小说信息表记录了本网站的所有小说信息，对小说进行了分类，存储了小说id、小说名、作者名、小说的封面图片的网络路径、小说类型、简介和更新时间。它的结构如表2-4所示。

表2- 4 Novel的数据字段 字段名称 NovelID Novelname AuthorName Image NovelType Introduce Updapetime 字段类型 Int nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) 主键 主键 / / / / / / 允许为空 否 否 否 是 址 否 否 否 间 描述 小说id 小说名 作者 图片地点类型 简介 更新时5.章节信息表（Chapter）

章节信息表记录了小树网站所有小说的章节信息，包括章节序号、章节

名、小说id、小说名、作者名、更新时间和章节内容。Chapter表中的NovelID与小说信息表Novel表中的NovelID对应。并且NovelID和ChapterNum共同构

13

成Chapter表的主键，该表的数据结构如表2-5所示。

表 2- 5 Chapter的数据字段 字段名称 ChapterNum ChapterName NovelID NovelName AuthorName UpdateDate NeiRong

字段类型 Int Int 主键 主键 主键 是否为空 否 否 否 否 否 否 否 描述 章节序号 章节名称 小说id 小说名称 作者 更新时间 小说内容 nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) 6.评论信息表（Comment）

章节信息表记录了小树网站所有小说的章节信息，Comment表中的

NovelID与小说信息表Novel表中的NovelID对应。NovelID和CommentNum共同构成Comment表的主键，该表的数据结构如表2-6所示。

表 2- 6 Comment的数据字段 字段名称 CommentNum CommentName NovelID NovelName AuthorName UpdateDate CommentNeiRong 字段类型 Int 主键 主键 是否为空 否 否 否 否 否 否 否 描述 评论序号 评论名称 小说id 小说名称 作者 评论时间 评论内容 nvarchar(MAX) Int 主键 nvarchar(MAX) nvarchar(MAX) nvarchar(MAX) nvarchar(MAX)

14

3.实现技术与开发工具

3.1 ASP.NET动态技术

ASP.NET(又称ASP+),是微软公司推出的新一代Active Server Pages,是微软公司发展的新的体系结构Microsoft.NET的一部分,它是由.NET框架提供的类库构建而成的,提供了一个Web应用程序模型,该模型由一组控件和一个基本结构组成,开发人员可以直接ASP.NET控件集,该控件集封装了公共的用于超文本标识语言用户界面的各种小组件(诸如文本框、下拉选单等)[8]。C#是微软公司专门为其新生的.NET应用开发系统框架研究开发的面向对象的编程语言,它由C和C+ +衍生出来[9]。

虽然在小说网站中很少见到ASP.NET技术，但在其他领域的网站，这种技术已经被广泛使用，它不仅仅是asp技术的简单升级，还提供了更强大的服务器控制结构。表面看来，asp.net和asp挺接近，但两者本质上完全不同。Asp.net大体上都是基于组件和模块化，每一个页面、对象以及html元素都属于运行的组件对象，由于它是一个已经编译的、并基于.NET的运行环境，所以它可以支持多种与.NET兼容语言，例如：vb，C#，Jscript等。由于asp.net是基于通用语言的编译运行的程序，所以很多软件可以运行与asp.net上[10]。

ASP.NET具有以下有点： （1） 运行效率的大幅度提高

ASP.NET是把基于通用语言的程序在服务器上运行。不像以前的ASP即时解释程序，而是将程序服务器首次运行时进行编译，这样的执行效果，当然比一条一条的解释强很多[8]。

（2） 世界级的工具支持

ASP.NET构架可以用Microsoft公司最新的产品Visual Studio.NET开发环境进行开发，WYSIWYG（What You Is What You Get 所见极为所得）的编辑[8]。

（3） 强大性和适应性

因为ASP.NET是基于通用语言的编译运行程序，所以它的强大性和适应性，可以使它运行在Web应用软件开发的几乎全部的平台上（笔者到现在为止只知道它只能用在Window 2000 Server上）。通用语言的基本库，消息机制，数据借口的处理都能无缝整合到ASP.NET的web中。ASP.NET同时也是语言独立化的，所以，程序员可以选择一种最合适的语言来编写程序，或者把程序用很多种语言来写，现在已

15

经支持C#，VB，Jscript。将来，这样的多样程序语言协同工作的能力保护现在的基于COM+开发的程序，能够完整的移植向ASP.NET[8]。

（4） 简单性和易学性

ASP.NET使运行一些很平常的任务如表单的提交客户端的身份验证、分布系统和网站配置变得非常简单。例如ASP.NET页面构架允许建立用户自己的界面，使其不同于常见的VB-Like界面。另外，通用语言简化了开发过程，把代码结合成软件简单得就像装配电脑[8]。

（5） 高效可管理性

ASP.NET使用一种字符基础的、分级的配置系统，使服务器环境和应用程序的设置更加简单。因为配置信息都保存在简单文本中，新的设置有可能都不需要启动本地的管理员工具就可以实现。这种被称为“Zero Local Administration”的哲学观念使ASP.NET的基于应用的开发更具体和快捷。一个ASP.NET的应用程序在一台服务器系统的安装只需要简单的拷贝一些必须的文件，不需要系统的重新启动，一切就是这么简单[8]。

（6） 多处理器环境的可靠性

ASP.NET已经被刻意设计称为一种可以用来多处理器的开发工具，它在多处理器的环境下用特殊的无缝连接技术，将很大程度上提高运行速度。即使现在的ASP.NET应用软件是为了一个处理器开发的，将来多处理器运行时不需要任何改变都能提高他们的效能，但现在的ASP却做不到这一点[8]。

（7） 定义性和可扩展性

ASP.NET设计时考虑了让网站开发人员可以在自己的代码中自己定义“plug-in”的模块。这与原来的包含关系不同，ASP.NET可以加入自己定义的组件，网站程序的开发变得更加简单[8]。

（8） 安全

基于Windows认证技术和应用程序配置，可以确保你的源程序是绝对安全的[8]。

3.2 SQL server数据库技术

ADO.NET是对ADO的改进,使之成为一个用于创建分布式和数据共享应用程序的基于各种标准的编程模型。ADO可以与ADO.NET并存于一个系统上,以作不同的应用。ADO.NET在功能上比ADO增进不少,尤其为Web应用程序的设计提供了一个更稳固、更具扩展性的数据存取技术。ADO.NET中添加了许多新的对象和

16

程序化接口,它使得对数据库的操作更简单[11]。

下面介绍每一个对象的功能:

(1)Connection对象:用来建立与数据库的链接。在建立链接时,要提供一些信息,如数据库所在位置,数据库名称,用户账号,密码等相关信息。

(2)Command对象:当链接到数据库之后,可以使用Command对象对数据库进行操作,如进行数据添加、删除、修改等操作。

(3) DataAdapter对象: ADO. NET通过DataAdapter对象建立,初始化DataTable,从而和DataSet对象结合起来在内存中存放数据。DataAdapter对象包含4个不同类

型

的

Command,

分

别

是

SelectCommand,InsertCommand,UpdateCom-mand,DeleteCommand。

(4)DataSet对象:DataSet是ADO.NET的核心,是专门用来从数据保存体Data Store中读出数据。DataSet是XML与ADO结合的产物,它的一个重要特点是与数据库或SQL无关。

(5)DataView对象:DataView对象代表一个DataTable的数据查看方式。 (6)DataReader对象:该对象仅仅从数据库返回一个只读的、仅向前的数据流而且当前内存中每次仅存一条记录。DataReader可以适用于运行完一条命令仅需要返回一个简单的只读记录集的情况。 3.3开发工具

3.3.1 VS2010

Microsoft Visual Studio 2010是微软公司推出的一款开发环境。VS2010是目前最流行的Windows平台应用程序开发环境。VS2010支持最新的.Net Framework 4框架，支持64位Windows，支持多显示器，以便您可以根据自己的需要来组织和管理工作。Microsoft Visual Studio 2010 旗舰版是一个集成环境，它简化了有关创建、调试和部署应用程序的基本任务。借助于 Visual Studio 2010 旗舰版，您可以尽情发挥您的想象力并轻松实现您的目标。

3.3.2 SQL Server2008

SQL Server2008是一个可靠的存储数据的平台，可以通过使用他来对数据进行一些操作管理。SQL意为结构化查询语言。利用SQL语言可以对数据库中的数据进行增、删、查、改等各种操作[12]。

3.3.3 Photoshop

Photoshop简称“PS”，是一款图像处理软件，利用它对网页中的图片进行编辑，达到优化网页、快速下载的目的。网站建设中所需要处理的图片不是针对某一张图像而言，它要考虑整个网站整体的设，网页的背景、网页中各元素色彩

17

的搭配，网站风格的统一，同时与网站设计主题相一致。网页中的图片处理要考虑图像质量的同时也需要考虑整个网页的传输速度，所以网页中的图片文件要尽可能的减小它的尺寸，从而提高网络的传输速度[13]。本小说网站中中国风十足的背景便是经过PS多方设计形成。

3.3.4 火车采集器

火车采集器是一款可以在网络上采集数据的软件。

现在，火车采集器已成为网络上使用人数最多、功能最完善、网站程序支持最全面、数据库支持最丰富的软件产品。使用火车采集器，你可以瞬间建立一个拥有庞大内容的网站。系统图片下载， Flash下载，下载文件时进行地址探测，发表自定义的内容等。除此之外，本产品还具有丰富的规则制定，内容替换功能，对Access，SQL Server，MSsql的数据入库导出的支持，采集内容的时候更加得心应手，使它的用户不用再想过去一样手动添加数据。

1、通用性强：无论在哪个网站看到的内容，都可以通过火车采集器进行采集。

2、稳定、高效：这个软件产品也在不断更新，它的采集速度非常快，占用内存少，功能稳定。

3、扩展性强、适用范围广：无论用户想做一个什么样的网站都可以让网络上的数据为你作用。

火车采集器对本系统的数据采集起到了很大的作用。众所周知，一个小说网站的组成不仅仅包括一个技术平台，还包括大量的小说、读者、作者、章节等元素的信息，而如让让本人编出组成一个小说网站的数据信息，这无疑是非常庞大的工作量，而火车采集器很好地解决了这个难题，使用火车采集器可以无限深度挖掘数据，减轻了设计难度，本小说网站中的小说、章节、作者和封面图片等信息等数据信息便是由此采集得来，采集到数据后将其先保存在Excal中，再导入SQL Server数据库中，最终形成了一个完整的小说网站数据库。

4.系统的详细设计

4.1 小说阅读网网站主界面设计

网站的主界面是一个网站的颜值担当，精美的主界面会给网站增添不少色彩。在网站的首页中，通常会显示很多重要的信息，或者是一些可以突出网站主题的关键内容，这些信息在网站中的存放位置也就显得尤为重要，例如：本小说网站的热销小说和公告栏就放置在首页的中间位置。如果有一些特别热门的书或活动，

18

除了把它们放在显眼的位置，还可以制作一些效果显示它们的重要性，例如：在首页中间的专栏设计一个变换的图片效果，图片的内容可以是近期举办的活动、重要的通知和大热的小说等等，使得整个页面充满动感、活力，同时凸显了它的重要地位。网站首页如下图所示：

图4- 1：小说网站主界面

（首页还在制作中，先放张图顶下，后期换） 4.1.1网页配色

一个网站的优秀程度很大一部分 取决于这个网站的颜色搭配。在制作一个网站时，不能只使用一种颜色，那会是你的网页显得一场单调，但也不能将很多种颜色一起使用在同一个网页，那会使人眼花缭乱。在网站中，网页布局一般有一种或两种主题色，用太多的颜色会让人觉得没侧重，所以网站主题色的选择是非常重要的。网站的主题是什么，色彩的运用要表达什么样的效果，这些是属于网站设计的范围之一[12]。小说阅读网网站主要使用了三种色调：黑色、灰色和棕红色，由于本网站的风格偏向古风，所以采用这三种颜色为主体，是想赋予网站一种古老的韵味，通过对这三种颜色的调整使用，是网站看起来和谐统一，更具有层次感。

4.1.2网页布局

小说阅读网网站采用DIV+CSS布局格式的三栏式布局，这种布局方式相较于传统的table布局技术，界面更加友好，如果多个页面布局有所改动，只需改动共享的CSS文件即可，而不需要在每个网页的源代码中修改。对于同一个页面视觉效果,采用DIV+ CSS重构的页面大小要比TABLE编码的页面文件小得多,前者一般只有后者的1/2大小,这样浏览器就不用去解析大量冗长的标签。用CSS布局时，首先要考虑网页信息的语义和结构。在web中，语义可以理解为构建网页的各

19

种元素，结构则是由这些语义元素组合建起来的框架。也就是说，首先要清楚页面要显示的信息，并根据这些信息将一个网页分成不同的板块[14]。 小说阅读网网站中的布局如下：

设置相对应的CSS样式如下： body { border-color: #4d4440; ……background-repeat:no-repeat;} #webbody{background-image:url('/images/beijing.gif'); ……border-left:1px;} #header{height:508px; ……overflow:hidden; } #content{ height:1055px; ……overflow:hidden;} #sider{float:left; ……border:1px ;} #main{ float:left; ……border:1px;} #footer{border:1px; height:40px;}

通过这种DIV+CSS布局设计，基本形成了小说阅读网的界面的轮廓，效果图如下所示：

顶部区域 左栏区域 内容区域 版权区域

20

4.1.3网页母板

母版页是一个以.master作为后缀的文件。母相当于网页设计中的模板。使用asp.net的母版页可以方便地新建与web网站相同的外观，同时也方便对整体外观的修改和维护。母版页可以被用来定义整个网站的显示，或者通过它新建子页面。一个网站根据不同需求可能会设计不同的母版页来显示不同风格的网页；也可能会有一个母版页中嵌套一个母版页，更加方便地实现一些页面跳转。

通过母版页建立的子页面称为Content页面,它是基于母版页的页面，能给网站的每个页面添加新的内容，这些内容在不同页面也都不同。Content页面在标记内含文本、HTML和控件。请求Content页面时，它的内容与母版页的一个副本合并，把定义在Content页面中的特定内容放到母版页的指定占位符处。然后把整个包传递给浏览器。

4.2用户注册与登录功能模块

为了方便对小说网站进行管理,用有不同的权限户在登录前可以进行阅读查询小说，登陆后才可以做一些其他操作，读者、作者和管理员分别有不同的权限，读者可以评论和收藏小说，作者可以发布和更新小说，而管理员则可以对所以数据进行管理。

4.2.1用户注册

注册主要是收集读者和作者信息，其中读者主要信息包括：；作者信息主要包括：。还需对用户名和密码进行验证，当用户名已经存在或者密码和确认密码不一致则不能提交注册的信息。

如果读者或作者信息填写正确并成功提交，则它的注册信息就会被分别存入SQL数据库user表或author表中。

界面设计如图2所示：

21

图4- 2：注册界面

关键实现代码如下：

表格 1

SqlConnection conn = new SqlConnection(ConnectionString); SqlCommand insertcmd = new SqlCommand(\"insert into Author(AuthorID,AuthorName,AuthorPass,AuthorSex,AuthorPhone,Authorbirth,AuthorMail) values(@AuthorID,@AuthorName,@AuthorPass,@AuthorSex,@AuthorPhone,@Authorbirth,@AuthorMail)\", conn); …… conn.Open(); int flag = insertcmd.ExecuteNonQuery(); if (flag > 0) { Response.Write(\"\"); }

22

else { Response.Write(\"\"); } conn.Close();

4.2.2用户登录

在注册成功后，可以跳转到登陆界面进行登录，如下图。读者、作者或管理员登录时需要检测用户名和密码；判断他们的用户名和密码是否与SQL数据库中的信息保持一致，如果一致，则通过检测，用户登录成功，这时会有HttpCookie类为角色和用户名提供储存并将它们发送给首页.aspx。 用Cookie发送字符串： HttpCookie name = new HttpCookie(\"name\"); name.Value = TxtUserName.Text; Response.AppendCookie(name); 接受字符串： string id = Request.Cookies[\"name\"].Value.ToString(); 登录界面如图3所示：

图4- 3：用户登录界面

登录代码具体如下（仅以作者用户为例）： SqlConnection

23

conn = new

SqlConnection(ConnectionString); conn.Open(); SqlCommand SqlCom = new SqlCommand(\"select * from Author where AuthorName='\" + UserName + \"' and AuthorPass='\" + Password + \"'\", conn); SqlDataReader SqlR = SqlCom.ExecuteReader(); if (SqlR.Read()) { SqlR.Close(); conn.Close(); Response.Redirect(\"首页2.aspx\"); } else { SqlR.Close(); conn.Close(); Label1.Text = \"用户名或密码错误\"; }

4.3密码修改功能模块

修改密码时首先先判断原始密码是否与数据库中对应的密码一致，若不一致，则Lable2控件输出“原始密码不正确”，若一致，则继续判断新建密码与确认密码是否一致，若不一致，则Lable2控件输出“确认密码不正确”，若一致，则则开始进行修改数据库中的密码，修改成功后，Lable2控件输出“修改成功”，反之则“修改失败”。

设计界面如图4：

24

图4- 4：修改密码界面

具体实现代码如下（仅以作者用户为例）： SqlConnection SqlConnection(ConnectionString); conn.Open(); SqlCommand SqlCom = new SqlCommand(\"select * from Author where AuthorName='\" + UserName + \"' and AuthorPass='\" + Password + \"'\", conn); SqlDataReader SqlR = SqlCom.ExecuteReader(); if (SqlR.Read()) { SqlR.Close(); conn.Close(); Response.Redirect(\"首页2.aspx\"); } else { SqlR.Close(); conn.Close(); Label1.Text = \"用户名或密码错误\";

conn = new

25

4.4阅读与搜索小说功能模块

4.4.1阅读小说功能模块

无论登录前还是登陆后都可以进行阅读与搜索小说，用户可以通过点击首页或者其他页面的小说链接点击阅读小说来进行阅读，也可以通过查询到的小说用同样的方式来阅读小说。

阅读小说分为三个小说板块，小说的说明板块、小说章节板块和小说内容板块。如下

小说的说明板块：包括小说名、作者、小说类型、小说简介和小说图片。界面如图5：

图4- 5小说的说明界面

代码设计如下： SqlConnection conn = new SqlConnection(ConnectionString); string NovelID = Request.QueryString[\"NovelID\"]; string strsql = \"select * from Novel where NovelID ='\" + NovelID + \" '\"; conn.Open(); SqlCommand comm = new SqlCommand(strsql, conn); DataSet ds = new DataSet(); SqlDataReader dr = comm.ExecuteReader(); while (dr.Read()) { Label1.Text = dr[\"NovelName\"].ToString(); Label2.Text = dr[\"AuthorName\"].ToString();

26

Label3.Text = dr[\"NovelType\"].ToString(); Label4.Text = dr[\"Introduce\"].ToString(); Image1.ImageUrl = dr[\"Image\"].ToString(); } conn.Close();

小说章节板块包括小说名、作者、章节编号、章节名和更新时间。设计界面如图6：

图4- 6：小说章节界面

代码设计如下： string strsql = \"select * from Novel where NovelID ='\" + NovelID + \" '\"; conn.Open(); SqlCommand comm = new SqlCommand(strsql, conn); DataSet ds = new DataSet(); SqlDataReader dr = comm.ExecuteReader(); while (dr.Read()) { Label1.Text = dr[\"NovelName\"].ToString(); Label2.Text = dr[\"AuthorName\"].ToString(); } conn.Close();

小说内容板块包括章节名和章节内容两部分内容，除此之外还包括跳转到上一章、下一章和返回目录的按钮控件。设计界面如图7：

27

图4- 7小说的内容界面

代码设计如下： string strsql = \"select * from Chapter where NovelID ='\" + NovelID + \" 'and ChapterNum ='\" + ipage + \" '\"; conn.Open(); SqlCommand comm = new SqlCommand(strsql, conn); DataSet ds = new DataSet(); SqlDataReader dr = comm.ExecuteReader(); while (dr.Read()) { Label1.Text = dr[\"ChapterName\"].ToString(); TextBox2.Text = dr[\"NeiRong\"].ToString(); } conn.Close();

4.4.2搜索小说功能模块

搜索小说模块主要提供给那些在首页和不同类型无法找到自己想要的小说的用户，用户可以在文本框中输入小说名、作者名或关键字，点击查询按钮即可获得自己所寻找的小说，若所要查询的用户在数据库中不存在。在找到自己所要阅读的小说后，则会跳出新的界面来显示小说，然后按照上述阅读小说步骤进行浏览。设计界面如图8：

图4- 8搜索小说界面

28

string select = \"select * from Novel where NovelName like'%\" + Label10.Text + \"%'\"; conn.Open(); SqlDataAdapter sda = new SqlDataAdapter(select, conn); DataSet ds = new DataSet(); sda.Fill(ds, \"Novel\"); GridView1.DataSource = ds;//dt.DefaultView(); GridView1.DataBind();

4.5用户评论功能模块

用户评论模块是为了加强读者和作者之间的交流，通过交流，作者可以知道自己作品中存在哪些不足之处，以便及时修改。在文本框中输入自己的评论内容，点击“发表评论”按钮即可完成评论过程，用户的评论内容也会显示在下方的ListView中。

界面如图9：

图4- 9：评论界面

代码如下： DateTime myTime = DateTime.Now; string NovelID = Request.QueryString[\"NovelID\"]; string UserName = Request.Cookies[\"name\"].Value.ToString();

29

SqlConnection conn = new SqlConnection(ConnectionString); SqlCommand insertcmd = new SqlCommand(\"insert into Comment(NovelID,UserName,CommentID,Title,CommentContent,CommentDate) values(@NovelID,@UserName,@CommentID,@Title,@CommentContent,@CommentDate)\", conn); …… conn.Open(); int flag = insertcmd.ExecuteNonQuery(); if (flag > 0) { Response.Write(\"\"); } else { Response.Write(\"\"); } conn.Close();

4.6作者管理小说功能模块

作者具有管理自己小说的功能，这个功能主要分为以下两个部分：发表小说和添加小说章节。

4.6.1发表小说功能模块 界面如图10：

30

图4- 10：发表小说界面

代码如下： DateTime myTime =DateTime.Now; string AuthorName = Request.Cookies[\"name\"].Value.ToString(); SqlConnection conn = new SqlConnection(ConnectionString); SqlCommand insertcmd = new SqlCommand(\"insert into Novel(NovelID,NovelName,AuthorName,Image,NovelType,Introduce,Updapetime) values(@NovelID,@NovelName,@AuthorName,@Image,@NovelType,@Introduce,@Updapetime)\", conn); …… conn.Open(); int flag = insertcmd.ExecuteNonQuery(); if (flag > 0) { Response.Write(\"\");

31

} else { Response.Write(\"\"); } conn.Close();

4.6.2添加章节功能模块 界面如图11：

图4- 11更新章节界面

代码如下： SqlCommand insertcmd = new SqlCommand(\"insert into Chapter(ChapterNum,ChapterName,NovelID,NovelName,AuthorName,UpdateDate,

32

NeiRong) values(@ChapterNum,@ChapterName,@NovelID,@NovelName,@AuthorName,@UpdateDate,@NeiRong)\", conn); …… int flag = insertcmd.ExecuteNonQuery(); if (flag > 0) { Response.Write(\"\"); } else { Response.Write(\"\"); } conn.Close();

4.7用户与小说管理功能模块

用户与小说管理功能是专门为管理员所设计的内容，管理员会根据网站的规则来管理数据库中的各种信息。

4.7.1用户信息管理模块

管理员可以对读者用户和作者用户的信息进行添加修改删除。 界面设计如图12：

33

表4- 12作者信息管理界面

代码如下：

表格 2

SqlConnection conn = new SqlConnection(ConnectionString); string select = \"select * from Author\"; conn.Open(); SqlDataAdapter sda = new SqlDataAdapter(select, conn); DataSet ds = new DataSet(); sda.Fill(ds, \"Author\"); GridView1.DataSource = ds;//dt.DefaultView(); GridView1.DataBind();

4.7.2小说信息管理模块

管理员可以对小说及其章节信息进行管理，只有作者才能对小说进行添加修改，而管理员只能对不符合要求的小说或章节进行删除。

界面设计如图13：

34

表4- 13小说管理界面

代码如下：

表格 3

SqlConnection conn = new SqlConnection(ConnectionString); string select = \"select * from Novel\"; conn.Open(); SqlDataAdapter sda = new SqlDataAdapter(select, conn); DataSet ds = new DataSet(); sda.Fill(ds, \"Novel\"); GridView1.DataSource = ds;//dt.DefaultView(); GridView1.DataBind();

5. 系统的功能测试

5.1小说阅读网网站主界面测试

表5- 1：小说阅读网主界面测试表

测试1描述

小说阅读网主界面设计 35

测试目的 输入操作 例1： 打开小说网站的首页 例2：点击“言情”类型页面 测试小说阅读网的主界面是否能正常运行 期望输出 例1：出现设计好首页界面 例2：出现类型为“言情”的小说 实际情况 测试结果与期望输出一致

5.2用户注册与登录功能测试 5.2.1用户注册功能测试

表5- 2：小说网站用户注册测试表

测试2描述 测试目的 输入操作 例1： 输入用户id：1234 用户名：1234 用户密码：1234 确认密码：234 用户类型：读者 例2： 输入用户id：1234 用户名：1234 用户密码：1234 确认密码：1234 用户类型：读者 例3： 输入用户id：123 用户名：123 用户密码：123 确认密码：123 用户类型：作者

用户注册功能模块 测试本网站的三种用户能否正常注册 期望输出 例1：确认密码失败， 例2：注册成功 例3：注册成功 实际情况 测试结果与期望输出一致 36

5.2.2用户登录功能测试

表5- 3用户登录测试表

测试3描述 测试目的 输入操作 例1： 输入登录名：12 密码：111 选择读者类型 例2： 输入登录名：12 密码：12 选择读者类型 例3： 输入登录名：水心沙 密码：984796 选择作者类型 例4： 输入登录名：1 密码：1 选择管理员类型

用户登录功能模块 测试用户是否能正常登录 期望输出 例1： 密码输入错误请重新输入 例2： 登录成功，跳转到首页 例3：登录成功，跳转到首页 例4：登录成功，跳转到首页 实际情况 测试结果与期望输出一致

37

5.3密码修改功能测试

表5- 4密码修改测试表

测试4描述 测试目的 输入操作 例1： 原始密码：98479 新建密码：123456 确认密码： 123456 例2： 原始密码：984796 新建密码：123456 确认密码： 12345 例3： 原始密码：984796 新建密码：123456 确认密码： 12345

5.4阅读与搜索小说功能测试

5.4.1阅读小说功能测试

表5- 5阅读小说测试表

密码修改功能模块 测试用户是否能成功修改密码 期望输出 例1： 原始密码不正确 例2： 确认密码不正确 例3： 修改成功 实际情况 测试结果与期望输出一致 测试5描述 测试目的 输入操作 阅读小说功能模块 测试用户是否能阅读小说 期望输出 实际情况 测试结果与期望输出一致 例1： 打开小说七秀说明例1：阅读小说成功 版面，点击在线阅读按例2：阅读小说成功 钮，点击第三章 例2：打开小说七秀说明版面，点击在线阅读按钮，点击第五章

38

5.4.2搜索小说功能测试

表5- 6搜索小说测试表

测试6描述 测试目的 输入操作 之娇女，选择书名选项，女 点击查询 搜索小说功能模块 测试用户是否能成功搜索到小说 期望输出 实际情况 测试结果与期望输出一致 例1：在文本框中输入天例1： 查找出小说天之娇例2： 查找出石头与水的例2：在文本框中输入石所以小说 头与水，选择作者选项，例3： 查找出书名、简介点击查询 影，选择关键字选项，点击查询

5.5用户评论功能测试

表5- 7用户评论测试表

中包含火影的小说 例3：在文本框中输入火 测试7描述 测试目的 输入操作 者么么哒”，点击发表 不输直接点击发表 用户评论功能模块 测试用户是否能成功发表评论 期望输出 对话框 空”对话框 实际情况 测试结果与期望输出一致 例1：在文本框中输入“作例1： 跳出“发表成功”例2：在文本框中什么也例2：跳出“输入不能为

39

5.6作者管理小说功能测试

5.6.1发表小说功能测试

表5- 8发表小说测试表

测试8描述 测试目的 输入操作 例1： 输入 小说id：1234 小说名：1234 小说类型：言情 小说简介：1234 发表小说功能模块 测试作者是否能成功发表小说 期望输出 例1： 发表小说成功 实际情况 与期望的输出情况一致 5.6.2添加章节功能测试

表5- 9添加章节测试表

测试9描述 测试目的 输入操作 例1： 输入章节序号：3 章节名：第三章 小说id：1234 小说名：1234 内容：11223344

5.7用户与小说管理功能测试

添加章节功能模块 测试作者是否能成功添加小说章节 期望输出 例1： 添加章节成功 实际情况 测试结果与期望输出一致 5.7.1用户信息管理测试

表5- 10：用户信息管理测试表

测试10描述 测试目的 输入操作

用户信息管理功能模块 检测管理员是否能成功对用户进行添改删 期望输出 40

实际情况

例1：选中一条用户信息，例1： 删除成功 点击删除按钮 点击修改按钮，然后修改用户信息并确定。 例3： 点击添加按钮写入用户信息

5.7.2小说信息管理测试

表5- 11：小说信息管理测试表

测试结果与期望输出一致 例2： 修改成功 例2：选中一条用户信息，例3： 添加成功 测试11描述 测试目的 输入操作 击删除按钮 小说信息管理模块 检测管理员是否能删除小说 期望输出 实际情况 测试结果与期望输出一致 例1： 选中一条信息，点例1： 删除成功 5.8测试报告

网站测试是本设计的最后一部分,是测试部分,测试部分同样也是一个网站建设不可或缺的部分,是用来测试网站的性能是否能满足开发前对网站的要求是否满足。它是网站在投入运行之前对网站的最终审核,是网站质量保证的杆件步骤。

表5- 12：测试总结报告表

小说阅读网主界面测试表 用户注册功能测试 用户登录功能测试 密码修改功能测试 阅读小说功能测试 搜索小说功能测试 用户评论功能测试 发表小说功能测试 添加章节测试表 用户信息管理测试 能顺利进入小说主界面 能顺利注册 能够顺利登录 能成功修改密码 能够打开正确的小说界面进行阅读 能成功搜索到需要寻找的小说 能成功发表评论 作者能成功发表小说 作者能成功更新小说 管理员能成功对用户信息进行添加修改删除

41

小说信息管理测试表

管理员能成功对小说信息进行删除 6结论

本论文详细介绍了一个基于ASP.NET的小说阅读网站的设计与实现，前台是用div+css进行框架及布局的设计，后台运用C#语言和SQL Server数据库。

在本网站中，用户被分为三类，分别为读者、作家和管理员，读者用户。读者在可以在本网站阅读小说，注册登录后可以收藏小说、评论小说、修改密码；作家用户出了可以进行以上操作外，还可以发表自己的小说并对小说进行更新修改；管理员可以对小说信息和用户信息进行管理操作。

在本小说阅读网站中存在些许不足，比如小说的封面，小说的分类，用户个人信息的不足等。对于小说的分类，本网站将小说分为了历史、穿越、言情、同人、玄幻五大类，分类不够细致。而用户个人信息在该网站中只有用户名、密码、性别和邮箱等，如果优化用户信息则可以为用户添加图像、登录总计时间等来丰富读者的个人信息。

参考文献

【参考文献】

[1] 百度百科.Scribd [EB/OL].[2014-04-20].http：//baike.baidu.com/link?url=Ttxwn Ha7CGsf6V6Xe QVv2Jcj Py7r F4A4_J7bs ZDeeb XJ0c Pq4Cqd Dgk Iz5CJYvg Cw AYpuuf6Q4_OCa POWYHrjq.

[2] 百

度

百

科

.Google

docs

[EB/OL].[2014-04-20].http

：

//baike.baidu.com/view/1301789.htm.

[3] 李宇潇. 网络小说的传播渠道及受众分析[D].山东师范大学,2015.

[4] 钟云飞,谢素娟,包贤敬,刘波. 基于HTML5的互动小说阅读网站设计与实现[J]. 湖南包装,2015,04:68-70.

[5] 符媚. 初中语文（人教版）课内小说阅读学习网站的研究与设计[D].东北师范大学,2012. [6] 张娟. 基于ASP.NET技术的高校学生管理信息系统设计与实现[D].厦门大学,2014.16 [7] 魏鑫. 基于ASP的购物网站设计与实现[D].吉林大学,2011.17

[8] 吴树德. 基于ASP.NET的在线考试系统设计与实现[D].吉林大学,2008.9-10

[9] Charles Petzold.Programming in the Key of C#[M].杨涛等译.北京:机械工程出版社,2004.3-5

[10] Jason

N.Gaylord,Christian

Wenz,Pranav

Rastogi,Todd

Miranda,Scott

Hanselman.Professional ASP.NET 4.5 in C#and VB[M].李增民,苗荣译.北京:清华大学出版社，2014.

42

[11] 向方. ASP.NET和C#在Web数据库中的应用[J]. 安阳师范学院学报,2002,02:20-22.1 [12] 王显梅.基于ASP_NET的花木信息网站的研究与开发.34-35，23 [13] 王士柃.浅谈photoshop在网页制作中的应用[J].厦门科技，1999，32

[14] 梁静琳. DIV+CSS布局技术在网页设计中的应用[J]. 武汉工程职业技术学院学报,2009,01:42-45+52.1

The design and implementation of Novel reading network

system

LiHui

(School of Computer Science, Shaanxi Normal University, Xi’an, Shaanxi,

41212036 )

Abstract: With the development of computer science and technology, the

Internet has become an indispensable element of people's lives. For the use of the network is not just to stay in a simple browsing the web, more is to look for spiritual needs, in this case, the way that people read novels also gradually changes, so that the novel web site borns.This paper discuss that a novel website system design and implementation process, all of the novels belong to that the authors directly upload to network platform, the readers can directly read their intested novels by using the novel web site, this system uses ASP.NET technology and SQL database technology according to the functions and characteristics of the novel reading website, and the object-oriented development method is adopted for the design of the system theory is discussed. Finally under the cooperation of multiple softwares, I has developed a comprehensive, interactivity and confidentiality stronger novel reading web site, and solve many common problems in some novel web sites to a certain degree.

.

Key Words: novel; ASP.NET; SQL database;

致谢

时光匆匆，转眼间已经临近毕业季，在这漫长的四年大学生活中，我不仅学到了计算机方面的专业知识，而且也学会了为人处世的道理，在这里，我感谢在这三年里每一个授予我的老师、每一个关心我、帮助我的同学。

在长达5个多月的毕业设计过程中，我的指导老师范老师给了我极大的帮助。

43

在确定课题前，范老师指导我挖掘出自己擅长的方向，给了我极大的自主命题权利，让我可以在我已掌握的知识上选择研究自己感兴趣的课题，并在技术上给与一定支持，真的非常感谢。

44