个人网站设计（本科毕业设计论文） - 图文

武汉工程大学本科毕业（设计）论文

图3.6 文学欣赏界面

3.3.2 快乐音乐

进入此版块，界面如图所示：

通过在数据库中存放音乐路径，达到在网页上播放的效果。在音乐的首页上放置了歌曲的名字，网友无需登录，即可收听自己喜欢的歌曲。

<% i=2 %>

以上代码用来读取数据库中的音乐路径，此控件专门播放mp3的音乐。进入播放界面后，就会出现此控件，点击播放就直接调用数据库中的音乐进行播放

图3.7 音乐界面

26

武汉工程大学本科毕业（设计）论文

3.4 我的相册版块

个人网站中又一亮点就是个人相册的设置，在我的相册里，放置了我自己的照片、班级照片和校园照片。

相册里面的这三个版块具有相同的版面设计，如下图所示：

图3.8 相册界面

这些照片的路径存放在数据库中，在页面中直接连接显示，点击每个小图即可察看大图。连接数据库显示图片代码如下：

<% i=1 %> //连接的第一张图片

此版块是我根据自己的网站结构对整个网站以及每个版块所做的网站结构和功能的说明，以及网站和作者版权说明。如下图所示：

27

武汉工程大学本科毕业（设计）论文

图3.9 网站说明界面

如果网友不清楚网站的构架，可以查看此版块。 3.6 给我留言版块

留言板是目前最为流行的网络应用之一，使用留言板，可以为留言者提供发言的机会，让他们能够及时、准确地交换自己的观点。 3.6.1 留言板主界面

完整的留言板具有发表留言和察看别人留言的功能，如图所示的留言板主界面index1.ASP，可由此进入留言界面和察看留言界面。

图3.10 留言主界面

在主界面中存有全部留言的作者和主题，点击你想察看的主题就会进入察看留言界面，点击 “发表帖子”进入留言界面。

28

武汉工程大学本科毕业（设计）论文

3.6.2 留言界面

进入留言界面后，将会看到如下图所示的界面say.ASP：

图3.11 发表留言界面

用户名、标题和内容填完以后点击提交按钮系统就会提醒你提交成功，察看帖子，如果填写不完整系统就会提示你错误信息。

? 内容提交后，就会自动保存在数据库中，其中连接数据库代码如下： <%name=Replace(Request.Form(\title\

? 保存内容到数据库代码如下： <%setsavebbs=conn.execute(\

bbs(name,title,body)values('\

刷新数据库表中的内容，产生新的记录集。 3.6.3 察看留言界面

进入察看留言界面后，可以看到每个留言者的留言内容，如图所示show.ASP： ? 进入每个帖子的浏览页，主要是通过连接数据库获取该帖子的id号，其代码如

下：

<%id=request.querystring(\

<%set show=conn.execute(\? 分别显示作者、主题和内容的代码如下：

<%=show(\

29