个人博客实训报告Word下载.docx
- 文档编号:20667691
- 上传时间:2023-01-24
- 格式:DOCX
- 页数:33
- 大小:644.53KB
个人博客实训报告Word下载.docx
《个人博客实训报告Word下载.docx》由会员分享,可在线阅读,更多相关《个人博客实训报告Word下载.docx(33页珍藏版)》请在冰豆网上搜索。
博主和游客都可以浏览和添加留言信息,博主不仅可以浏览、添加,还可以删除留言。
留言的内容,留言的时间。
博主可以根据实际需要进行相册的删除和修改添加。
(4)个人资料管理:
博主和游客都可以浏览个人资料信息,博主不仅可以浏览,还可以编辑个人资料。
博主和游客可以浏览的个人资料信息包括:
博主的昵称,博主的性别,博主的生日,博主的地址和博主的头像。
博主可以查看和修改的个人资料信息包括:
博主的昵称,博主的性别,博主的生日,博主的地址,博主可以根据实际需要修改个人资料。
3、实训内容及任务分配:
1)、实训内容:
●实现基本的技术实现功能;
●熟悉数据库在的索引与SQL语句等;
●熟练使用课上使用的各种WEB设计技巧;
●熟悉页面设计、代码设计、数据库设计;
●建立起WEB开发的完整概念,深化WEB设计的思想,熟悉WEB程序的测试流程。
2)、需完成的任务(若属多人完成的大项目,必须明确该生须完成的任务,不允许两人及以上完成相同任务):
(1)、根据实训项目的要求,对本项目进行系统分析和总体功能设计,通过查询相应资料确定本项目系统的设计思想及可行性和开发环境;
并确定完备的系统功能,同时画出准确的系统架构图、程序流程图及UML图,填写实训日志和撰写项目开发文档。
(2)、根据系统的功能要求,设计合理的数据库,完成完整合理的ER图和数据字典,并与功能相匹配;
数据表设计合理且使用必要的约束和存储过程技术,填写实训日志和撰写项目开发文档。
(3)、结合系统功能设计和已设计好的数据库,使用合理的技术通过编写代码实现系统的各个功能,完成一个功能完善、安全性高、性能强的系统,填写实训日志和撰写项目开发文档。
(4)、在一致性、友好性和创意等方面对系统的界面进行设计和美化,填写实训日志和撰写项目开发文档。
(5)、选择准确的测试数据对系统进行模块测试,组装测试和确认测试,测试用例测试结果符合预期结果,发现问题能通过调试找出错误原因和位置,并能进行改正,填写实训日志和撰写项目开发文档。
(6)、撰写实训报告,完善实训日志和项目开发文档。
4、毕业技能综合实训提交的成果
1).实训报告一份,内容包括:
(1)系统功能需求描述、UML图、总体结构图及功能图;
(2)数据库设计;
(3)编程设计及功能实现(界面截图、文字描述和代码);
(4)实训总结、致谢等;
2).实训日志
3).项目文档
4).刻制光盘一张
三、实训进度安排
阶段
实训时间
实训内容
第一阶段
第1周
根据项目进行系统总体设计,对系统进行功能模块划分,设计出系统的UML图、总体结构图及功能图。
第二阶段
第2周
根据系统的功能需求,完成数据库的设计。
第三阶段
第3周
根据各个子模块的功能需求,进行编程设计。
保证所编程序的正确运行,并且能够完成规定功能。
(一)
第4周
(二)
第5周
(三)
第四阶段
第6周
界面美化、系统测试、操作演示及总结。
宁波大红鹰学院软件学院
毕业技能综合实训
实训报告
完成人:
于华
系别:
软件技术系
专业:
软件技术专业
班级:
09软件1班
指导教师:
毕业技能综合实训报告目录
第1阶段系统总体分析及功能设计
1.1用户手册
系统目标
本系统主要实现普通浏览折可以浏览博文,对相片进行浏览,和查阅博主信息,可以给博主留言。
博主(管理员)主要实现写博客文章、修改博客文章、管理相片信息、删除博客文章、管理留言板、修改个资料等。
1.2系统功能设计
个人博客系统能够进行日志、相册、博主个人资料、留言板的浏览和发表留言,博主主要是负责后台的管理:
日志、相册、留言板和个人资料等的管理。
本课题是个人博客系统的设计与开发,意在构建一个B/S模式的个人博客系统,最终形成一个以网络信息交流为中心,包括博主和游客两种角色的信息系统。
管理模块与浏览者模块主要功能介绍如下:
(1)管理功能模块
1日志分类:
按照日志的不同类型进行分类管理。
2发表日志:
博主写日志,按类别区分。
同时可更改日志的分类,更改日志内容,以及删除此篇日志等。
3日志搜索:
根据日志类别进行查询,此处是为了方便博主管理发布的日志,同时方便游客的浏览。
当管理员要修改某日志时,可选择所属分类查询出来,而无需逐页查找。
4日志类别管理:
博主可以添加、编辑和删除日志的类别。
5相册管理:
博主可以添加相册,修改相册的一些信息,删除某相册。
同时可以上传图片,选择某一相册,即可在该相册中添加图片,对于上传了的图片可以编辑其名称,也可删除。
6留言管理:
博主根据自己的喜好,可以删除一些不良的留言。
7个人资料管理:
博主可以更改自己的一些基本信息,如:
昵称、出生年月等。
(2)游客模块
1日志浏览:
可查看所有博主所发表的日志。
2日志搜索:
根据日志的类别进行查询,此处是为了方便会员查询感兴趣的日志。
3相册浏览:
可查看博主所上传的所有图片。
4发表留言:
可随时给博主留言。
系统业务流程设计
系统业务流程的设计是需求分析中很关键的一环,下面将分普通浏览者流程图、管理员流程两个部分介绍关于博客系统流程设计。
1.普通浏览者的流程
普通浏览者可以选择进入博客浏览博主的博客文章,相片,和个人资料,也可以直接进入留言板,给博主留言。
图1-1:
普通浏览者的流程图
2.管理员流程
管理员流程必须通过登陆系统进行登陆验证。
使用管理员账户登录系统首页后,管理员可以编辑或者添加首页的博客文章。
管理员用户单击界面导航菜单可以进入管理页面。
管理页面分为4个主页面,分别为相片管理,博文管理,个人资料管理,留言板管理。
具体的管理员流程如图2-2所示。
图1-2:
博主(管理员)的流程图
1.3系统总体结构
个人博客系统包括前台与后台。
前台属于游客模块,包括日志浏览模块,发表留言模块,相册浏览模块,资料浏览模块。
后台属于管理员模块,包括日志的添加、删除、修改,留言的删除,相册的管理,个人资料的管理。
图1-3个人博客系统的功能结构图
第2阶段数据库设计
2.1数据概念结构设计—E-R图
本系统采用E-R图的方法进行数据库概念结构设计,系统E-R图如下所示:
系统E-R图
2.2数据逻辑结构设计—关系模型
(1)个人博客系统的关系模式如下:
管理员信息(ID,昵称,性别,生日,头像)
日志(ID,日志标题,日志内容,日志类别,发表时间)
图片(ID,图片名称,图片所属相册,图片地址,上传时间)
相册(ID,相册名称,相册描述,创建时间)
留言(ID,留言内容,留言时间)
日志类别(ID,类别名称)
(2)个人博客系统的逻辑结构设计表
图表1:
管理员表(Users)
列名
数据类型
长度
允许为空
主键
描述
ID
int
4
否
是
标志,自动递增1
Username
varchar
20
用户名
Password
博主密码
Unickname
50
博主昵称
Sex
char
2
博主性别
Birthday
10
博主生日
Uadress
博主的地址
Ucontent
200
博主简介
图表2:
日志表(Article)
Title
日志标题
Category
日志类别
Content
text
日志内容
Ardate
datetime
发表时间
图表3:
图片表(Image)
Pname
图片名称
Albumname
相册名称
ImagePath
图片路径
Pdate
上传时间
图表4:
相册表(Album)
Aname
Adate
相册创建时间
Description
相册描述
图表5:
留言表(Message)
Message
留言内容
Mdate
留言时间
Mwriter
留言者
第3阶段程序编码
3.1登录模块
这是一个登录页面和其代码,其中有博主的使用者可以通过登录界面进入博客系统,进行对博客的管理界面。
如果还没有用户名的话,可以点击Enter进入,以游客的身份进入该博客,进行浏览博主的文章,相册,和个人信息,还可以给博主留言。
下面是运行出来的效果图3-1:
图3-1
相关的代码如下:
<
%@pagelanguage="
java"
import="
java.util.*"
pageEncoding="
UTF-8"
%>
%@taglibprefix="
s"
uri="
/struts-tags"
%>
%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"
:
//"
+request.getServerName()+"
"
+request.getServerPort()+path+"
/"
;
!
DOCTYPEHTMLPUBLIC"
-//W3C//DTDHTML4.01Transitional//EN"
>
html>
<
head>
basehref="
%=basePath%>
title>
MyJSP'
denglu.jsp'
startingpage<
/title>
metahttp-equiv="
pragma"
content="
no-cache"
cache-control"
expires"
0"
keywords"
keyword1,keyword2,keyword3"
description"
Thisismypage"
--
linkrel="
stylesheet"
type="
text/css"
href="
styles.css"
-->
/head>
body>
imgsrc="
img/weblog.JPG"
width="
480"
height="
163"
hspace="
50"
vspace="
/>
img/boke.JPG"
245"
82"
500"
20"
divalign="
center"
s:
formaction="
denglu"
textfieldname="
user.username"
label="
用户名"
size="
/s:
textfield>
passwordname="
user.password"
密码"
22"
password>
submit>
form>
/div>
ahref="
index.html"
img/index_10.gif"
92"
60"
600"
/a>
onclick=javascript:
self.close()>
img/index_12.gif"
59"
/body>
/html>
3.2博客主页面
这是博主对博文,相册,留言,和个人资料管理的主页面,通过导航,
博主可以进入相应的界面,对博客系统进行操作。
下面是运行出来的效果图3-2:
图3-2
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
htmlxmlns="
//www.w3.org/1999/xhtml"
Content-Type"
text/html;
charset=gb2312"
yellowblogtemplate<
metaname="
yellowblogtemplate,freehtmlcsslayout"
yellowblogtemplate,freehtmlcsslayoutfrom"
linkhref="
templatemo_style.css"
rel="
scriptlanguage="
javascript"
text/javascript"
functionclearText(field)
{
if(field.defaultValue==field.value)field.value='
'
elseif(field.value=='
)field.value=field.defaultValue;
}
functionDH1(){
document.getElementById("
frame1"
).src="
zhuye.html"
functionDH2(){
listart2.action"
functionDH3(){
listalb2.action"
functionDH4(){
listmess2.action"
functionDH5(){
listuser2.action"
/script>
divid="
templatemo_site_title_bar_wrapper"
templatemo_site_title_bar"
site_title"
h1>
YellowBlog<
/h1>
span>
博客有你.多姿多彩<
/span>
templatemo_menu_wrapper"
templatemo_menu"
ul>
li>
#"
class="
currentfast"
onclick="
DH1()"
首页<
/li>
DH2()"
贴文<
DH3()"
画廊<
DH4()"
联系<
DH5()"
关于博主<
/ul>
templatemo_content_wrapper_outer"
templatemo_content_wrapper_inner"
<
templatemo_content_wrapper"
templatemo_content"
divclass="
content_bottom"
main_column"
iframeid="
770"
300"
align="
middle"
src="
frameborder="
/iframe>
--endofmaincolumn-->
--endofsidecolumn-->
<
br>
cleaner"
templatemo_footer_wrapper"
templatemo_footer"
cleaner_h20"
section_w860"
版权所有09软件1班|于华<
--endoffooter-->
3.3日志模块
日志模块是个人博客系统的主要功能之一,它是博主用来写日志的一个功能模块。
该子系统所具有的主要功能如下:
(1)日志的显示功能:
日志显示在该页面中,点击浏览便可以浏览该日志。
下面是运行出来的效果图3-3:
图3-3
post_box"
h2>
spanclass="
STYLE3"
博客日志<
/h2>
hr/>
tableborder="
1"
bordercolor="
#c3e368"
trclass="
post_info"
tdclass="
post_date"
标题<
/td>
post_author"
类型<
post_comment"
时间<
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 个人 博客 报告