1、个人网站设计报告一、设计知识准备1.静态网页与动态网页1.1 静态网页1.1.1 静态网页概念所谓静态网页，就是说该网页文件里没有程序代码，只有 HTML 标志，这种网页一般以后缀.HTML 或.HTM 存放。静态网页一经制成，内容就不会变化，不管何时何人访问，现时的内容都一样。1.1.2 静态网页工作原理当大家在浏览器里输入一个静态网页网址回车后，就向服务器提出一个浏览网页的请求，服务器端接到请求后，就会找到大家要浏览的静态网页文件，然后发送给大家。1.2 动态网页1.2.1 动态网页概念所谓动态网页，就是说该网页文件不仅含有 HTML 标记，而且含有程序代码，这种网页的后缀一般根据不同的程
2、序设计语言而不同，动态网页能够根据不同的时间、不同的来访者而显示不同的内容。1.2.2 动态网页的工作原理。当大家在浏览器里输入一个动态网页网址回车后，就向服务器提出一个浏览网页的请求，服务器端接到请求后，首先会找到大家要浏览的动态网页的文件，然后就执行网页文件中的程序代码，将含有程序代码的动态网页转化成为标准的静态网页，然后将静态网页发送给大家。2.简介又称 ASP+，但它不是 ASP 的简单升级，而是微软提出的 .NET 框架的一部分，它是一种以.NET 框架为基础开发网上应用程序的全新模式。.NET 框架（.NET FRAMEWORK）主要由以下三部分组成：（1） 公共语言运行库(Com
3、mon Language Runtime, CLR)（2） 基础类库（Base Class Library）（3） 、C#等语言运行库。3.简介（1）的前身是 Visual Basic,这是一种简单好学、功能强大的卡发环境，也是世界上最为流行的程序语言。（2）对 Visual Basic 进行了彻底的改革，对底层进行了重建，使其真正成为了面向对象的程序设计语言。文件结构HTML 文件结构很简单，由头部和身体部分组成，结构严谨清晰，如下：标题文字头部内容文档主体内容二、硬件及软件需求准备（1）计算机一台,要求有 256M 内存，20G 存储容量。（2）Visual 2005 开发工具（选择语言为
4、）。（3）Microsoft Access 数据库软件。三、网站总体分析与设计。1.网站介绍。1.1 网站主题：雨衣的空间（类似于 QQ 空间）1.2 网站风格：梦幻风格1.3 网站主页面构图及相关内容功能介绍：首页中包含了导航栏目：如心情、留言板、网站导航、上传图片、故事接龙，一些关于我的信息，可以在上网时写入急需的文件等等。心情模块：可以让网友把自己所想的，有感触的心事写成心情，记录在自己的空间中，可以随时随地的了解自己在生活中一路走过来的心情变化。留言板模块：让网友想对空间主人所说的话，留下个脚印，无论是亲切的关怀，还是善意的批评，提供交流，知道自己并不孤独！网站导航模块：有些人因为在找
5、不到方便实用的网站而苦恼，“网站导航”就解决这个问题，让你可以轻松快速浏览、找到自己想要的网址。上传图片模块：可以每个人珍贵的记忆保留下来，让每个关心你的人都知道你的最近变化，不用为你担心。故事接龙模块：可以在线的玩故事接龙游戏，给每个人活跃的平台。2.网站结构图。3. Microsoft Access 数据库的建立。3.1 依次选择菜单命令【开始】【程序】【Microsoft Access】就可以启动Access2003,点击“文件”在下拉菜单中选择 “新建” ，选择“空数据库”，指定后保存路径后出现如下所示对话框：3.2 双击上图【实用设计器创建表】选项，出现下图所示对话框：说明:（1）字
6、段名称可以用中文，也可以用字母、数字和下划线，命名规则和变量类似，考虑系统的兼容的问题，建议不要用中文。（2）至于数据类型，常用的有“文本”、“备注”、“数字”、“日期/时间”、“是/否”和“自动编号”等。其中“文本”用于比较短的字符串（最长 255 个字符）；“备注”用于比较长的字符串，最长可以容纳 65535 个而字符；“是/ 否”用于布尔类型，只有 True（真）或False（假）；“自动编号”是个特殊的类型，它可以自动的递增或随机产生一个数字，经常用它产生一个唯一的编号。3.3 正确输入所有字段后，单击 Access 主窗口的【保存】按钮，就会弹出下图所示的【另存为】对话框，在其中输入
7、表的名称，然后单击【确定】按钮即可。3.4 当表保存后，可以看到下图所示对话框：3.5 双击【表 1】可以在表中输入数据，当你建表完毕后，觉得数据不合理，想修改数据也可以双击【表 1】进行修改，如果想修改表的字段，就右击【表 1】，选择“设计视图”，就可以进行修改，下表为输入数据后的结果：4.与的存取数据库。存取数据库是开发网络程序中最重要也最常用的部分，.NET 框架提供了，利用它就可以方便的存取数据库。准确的说，是由很多类组成的一类库。这些类库提供了很多对象，分别用来完成和数据库的连接、查询记录、插入记录、更新记录和删除记录等操作。其中主要包括如下 5 个对象。（1）Connection
8、对象：用来连接到数据库。（2）Command 对象：用来对数据库执行 SQL 命令。（3）DataReader 对象：用来从数据库返回只读数据。（4）DataAdapter 对象：用来从数据库返回数据，并送到 DataSet 对象中，还要负责保证 DataSet 对象中的数据和数据库中的数据保持一致。（5）DataSet 对象：它可以看做是内存中的数据库。实用 OLEDB 的数据库，需要在页面中导入相关的名称空间：存取数据库：（1）首先利用 Connection 对象建立和数据库的连接。语法为：“Provider=OLEDB 驱动程序；Data Source=数据库文件物理路径”（2）然后建立
9、 Command 对象，执行 SQL 语句命令。（3）利用 Command 对象的 ExecuteReader 方法建立 DataReader 对象，从数据库获取数据。（4）DataReader 对象返回的数据在记录集移动指针就可依次显示所有记录。（5）利用 Command 对象的 Executenonquery()方法可插入记录和更新记录。四、网站的详细设计。1. 雨衣的空间网站的主要的功能模块的设计和编码。1.1 登陆界面。登陆注册模块设计功能实现：（1）当管理员输入正确用户名和口令时才能进入空间主页。（2）对网站里内容进行管理和维护修改，包括对心情的修改，对留言的删除，对照片的上传等。（
10、3）提供新用户的注册。登陆界面和注册界面如下：其中登陆界面主要代码为：与数据库相连登陆程序，当登陆成功时则直接跳转到网站的主页，其主要代码如下：Dim conn As New OleDbConnection(“Provider=.4.0; Data Source=“ + (“)Dim strSql As StringstrSql = “Select * From link Where username=“ Data Source=“ uid=kid;pwd=;database=Photos;Trusted_Connection=True“)()Dim a As IntegerDim r As
11、New 随机生成函数a = (500, 10000)Dim sqlstr As Stringsqlstr = “insert into 图片 (bytesoriginal,caption,bytesfull,bytesposter,bytesthumb)“sqlstr uid=kid;pwd=;database=Photos;Trusted_Connection=True“)()sqlstr1 = “select max(photoid) from 图片 “sqlstr2 = “select min(photoid) from 图片 “Dim cmd1, cmd2 As New SqlComm
12、andcmd1 = New SqlCommand(sqlstr1, conn1)Session(“last_photoid“) = ()()cmd2 = New SqlCommand(sqlstr2, conn1)Session(“first_photoid“) = ()()()End Sub2.本网站数据库结构介绍。本网站的数据库主要是对心情模块，留言板模块，网络导航模块，和上传照片模块的管理。2.1 登陆注册模块数据库。ID 为自动生成的编号，username 为用户名，mypassword 为用户登陆密码，age 为用户注册的年龄，email 为用户注册的邮箱，sumbit_date 为
13、用户注册的时间。用户在登陆时只要输入用户名和用户密码就可以登陆了。2.2 心情模块数据库。Id 为自动生成的编号，fenlei 为心情所属的类别，name 为心情的主题，text 为心情的内容，time 为写心情时提交的时间。2.3 留言板模块数据库。Id 为自动生成的编号，name 为留言者的用户名，text 为留言的内容，data 为用户留言的时间。2.3 网络导航模块数据库。Link_id 为自动生成的编号，sitename 为网站名称，URL 为网站的网址，intro 为网站的介绍，grade 为对网站的评分，submit_date 为网站提交的时间。2.4 上传照片模块数据库。上传照
14、片模块的数据库与以上数据库不同，是用 SQL Server 数据库设计的，其中,主要photoid 为照片的编号，caption 为上传照片的名称。五、网站的运行与实现。安装 Visual 2005 软件后，打开软件，新建一个网站，将制作好的文件（后缀名为aspx）包括建好的 ACCESS 数据库，和需要添加的背景图片，全部复制放置新建网站的文件夹里面，在软件里刷新文件夹，打开登陆界面，按下 Ctrl+F5 后便可以运行。六、实验总结及心得体会。这个实例还不是很完善，因为时间、条件和个人能力的限制，系统还存在不完善的地方，希望能在今后的不断学习与应用中把它扩充得更加丰富，以适应不同层次使用者的需求。这次编写雨衣的空间网站，对我来说是一个将所学知识从书本运用到实际操作的初次体验。在设计过程中，我了解了一个网站形成的基本过程和基本纲领构架，加深了我对现在计算机技术、通讯技术、英特网技术等的认识，相信这些知识都将对我的工作带来很大的帮助。
