jsp作业说明.docx
- 文档编号:11038593
- 上传时间:2023-02-24
- 格式:DOCX
- 页数:14
- 大小:255.79KB
jsp作业说明.docx
《jsp作业说明.docx》由会员分享,可在线阅读,更多相关《jsp作业说明.docx(14页珍藏版)》请在冰豆网上搜索。
jsp作业说明
《动态网页设计》综合性实验设计说明书
班级名称:
13级网络工程
学生姓名:
学号:
题目:
个人博客系统
一、选题背景
进入二十一世纪,以Internet为核心的现代网络积水和通信技术已经得到了飞速的发展和广泛的应用,各种网络交流互动工具也应运而生。
其中以论坛、博客、社区、空间最为受广大网民朋友的欢迎,也是目前为止发展的比较成熟的信息交流工具。
随着网络技术的日渐成熟,互联网已成为日常生活工作中必不可少的工具,网络博客在近几年更是成为各类网民不可或缺的展示自我表现自我的强大工具,其强大的功能良好的互动性在很大程度上满足了广大网民的需求。
本博客系统可以实现对博客的管理。
二、设计理念
个人博客系统包括两大功能模块:
前台和后台。
(1)前台包括用户登录
用户登录:
用户通过输入用户名和密码登录主页进行浏览与操作;
(2)后台包括博客管理模块。
写博客:
用户可以写自己想写的博客
查看博客:
用户可以查看自己写的博客。
删除博客:
用户可以删除自己写的博客。
修改博客:
用户可以修改自己写的博客
系统采用MVC模式,链接到MySQL数据库。
在MVC模式中,JavaBean用于对数据的存储,servlet用于后台对数据的操作,jsp用于页面显示。
另外,配置Web服务目录web.xml文件,对信息进行初始化。
三、过程论述
3.1系统功能模块图及各模块说明
1、为了方便个人博客的管理工作,采用Java和MySQL工具,设计并开发了实验室个人博客系统,该系统实现博客的增加、删除、修改、查询等功能。
本系统分为以下八大模块:
登录模块、查询模块、修改模块、添加模块、删除模块。
个人博客系统的系统功能模块划分图如图3-1所示:
个人博客系统
查询模块
修改模块
登录
增加模块
删除模块
图3-1系统功能模块图
2、各模块的功能说明
(1)登录模块:
当用户登录时,该模块要求用户输入账号、密码的信息。
该模块的模型JavaBean描述用户的登录信息,界面由两个JSP页面构成,一个JSP负责提交用户的登录信息到控制器,另一个JSP负责显示登录是否成功的信息,servlet负责验证用户名和密码是否正确。
loginServlet进行数据库的连接,把输入的用户名和密码与数据库login表中的字段比较,若相同,则成功登陆。
Login.jsp页面主要代码:
用户登录
name="name"placeholder="请输入您的用户名!
">
">
loginServlet页面主要代码:
publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
Stringname=request.getParameter("name");
Stringpsd=request.getParameter("psd");
try{
Class.forName("com.mysql.jdbc.Driver");
Stringurl="jdbc:
mysql:
//localhost:
3306/myselfspace";
Stringusername="root";
Stringpassword="123456";
Connectionconn=DriverManager.getConnection(url,username,password);
Statementstmt=conn.createStatement();
Stringsql="selectpsdfromloginwherename='"+name+"'";ResultSetrs=stmt.executeQuery(sql);
if(rs.next()){
if(psd.equals(rs.getString
(1))){
response.sendRedirect("index.jsp");
}
else{
request.getRequestDispatcher("login.jsp").forward(request,response);
}
}
else
request.getRequestDispatcher("login.jsp").forward(request,response);
}
rs.close();
stmt.close();
conn.close();
}catch(ClassNotFoundExceptione){
e.printStackTrace();
}catch(SQLExceptione){
e.printStackTrace();
}
}returnfalse;}}
(2)查询模块:
登录成功以后,会进入到一个查询页面,查询所写博客。
该模块的模型JavaBean描述用户的查询信息,界面由一个servlet页面构成,servlet负责查询所写的博客,并显示出来。
findServlet主要代码:
publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
try{
Class.forName("com.mysql.jdbc.Driver");
Stringurl="jdbc:
mysql:
//127.0.0.1/myselfspace";
Stringusername="root";
Stringpassword="123456";
Connection
conn=DriverManager.getConnection(url,username,password);
Statementstmt=conn.createStatement();
Stringsql="select*fromdaliy";
ResultSetrs=stmt.executeQuery(sql);
List
while(rs.next()){
rizhibook=newrizhi();
book.setId(rs.getInt("id"));
book.setDatatime(rs.getString("datatime"));
book.setTitle(rs.getString("title"));
book.setMain(rs.getString("main"));
list.add(book);
}
request.setAttribute("list",list);
rs.close();
stmt.close();
conn.close();
}catch(ClassNotFoundExceptione){
e.printStackTrace();
}catch(SQLExceptione){
e.printStackTrace();
}
request.getRequestDispatcher("deleteboke.jsp").forward(request,response);
}
publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
doGet(request,response);}}
(3)添加模块:
在findServlet页面点击“今天心情好,想写篇博客记下来!
”,进入writeboke.jsp,在相关栏目输入博客的相关信息,点击提交,可以实现添加此信息到相应的数据库表格里。
页面会再次跳转到findServlet中,显示所有的博客。
该模块的模型JavaBean描述用户的查询信息,界面由一个JSP页面和一个servlet构成,一个JSP负责将所写博客信息到控制器,servlet负责显示所写博客的信息。
Writeboke.jsp主要代码:
24px;color: green">博客标题:
"size="40"/>
24px;color: green">博客内容:
"cols="80%"rows="20%">
24px">
findServlet主要代码如
(2)所示。
(4)修改模块:
在findServlet页面点击所写博客的标题,进入后会显示博客详情,点击下方修改博客,会进入修改页面,对象修改的内容进行修改,后提交,可以实现修改此博客信息到相应的数据库设备表格里。
该模块的模型JavaBean描述用户所写博客的相关信息,界面由两个JSP页面构成,一个JSP负责将所写博客信息到控制器,另一个JSP负责显示所写博客的信息,servlet负责修改此博客的相关信息的信息。
xiugaichuliServlet主要代码:
protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
request.setCharacterEncoding("utf-8");
PrintWriterout=response.getWriter();
Stringtitle=request.getParameter("title");
Stringmain=request.getParameter("main");
Stringid=request.getParameter("id");
Datedatatime=newDate();
try{
Class.forName("com.mysql.jdbc.Driver");
Stringurl="jdbc:
mysql:
//localhost:
3306/myselfspace?
characterEncoding=utf-8";
Stringusername="root";
Stringpassword="123456";
Connectionconn=DriverManager.getConnection(url,username,
password);
Stringsql="updatedaliysettitle=?
main=?
whereid=?
";PreparedStatementps=conn.prepareStatement(sql);
PreparedStatement
ps.setString(1,title);ps.setString(2,main);
ps.setString(3,id);
ps.executeUpdate();
response.sendRedirect("findServlet");
ps.close();
conn.close();
}catch(Exceptione){
out.println("sorry,yourinsertfailed!
");
}
}
(5)删除模块:
在首页点击“ 需要清理一下我的博客 ”,进入删除页面,在所写博客的右侧方框内打勾,然后点击删除,可以在相应的数据库设备表格里删除此设备的信息。
该模块的模型JavaBean描述用户所写博客的相关信息,界面由两个JSP页面构成,一个JSP负责将所写博客信息到控制器,另一个JSP负责显示所写博客的信息,servlet负责删除被选中博客相关信息的信息。
deleterzServlet页面代码:
protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
try{
Class.forName("com.mysql.jdbc.Driver");
Stringurl="jdbc:
mysql:
//127.0.0.1/myselfspace";
Stringusername="root";
Stringpassword="123456";
Connectionconn=DriverManager.getConnection(url,username,
password);
Stringsql="DELETEFROMdaliyWHEREid=?
";
PreparedStatementps=conn.prepareStatement(sql);
StringID[]=request.getParameterValues("delid");
if(ID.length>0){
for(inti=0;i ps.setInt(1,Integer.parseInt(ID[i])); ps.addBatch(); } } ps.executeBatch(); ps.close(); conn.close(); }catch(Exceptione){ e.printStackTrace(); } response.sendRedirect("findServlet"); } 3.2数据库中表的设计 根据系统分析,实验室设备管理系统的数据库的表有: login,daily。 (1)login表里有id,name和psd三个字段(设置id为主键),代表着用户的账号编号,用户名和密码,如表3.2.1所示。 表3.2.1login表 (2)daily表中有id,title,main和datatime四个字段(设置id为主键),分别代表着博客编号、博客主题、博客内容、博客所写时间。 如表3.2.2所示。 表3.2.2daily表 四、结果分析 测试环境: Windows7、MyEclipse10、360安全浏览器7 1.打开浏览器,输入http: \\localhost: 8080\myselfboke\login.jsp进入登录界面,输入用户名和密码,如图4-1所示。 图4-1登录界面 2.进入登录界面后,输入用户名和密码,验证成功以后,会提示成功。 登录主页面后,可看见良好的用户界面,主要分为四个板块,写博客、清理博客和查看博客,返回首页。 如图4-2。 图4-2主页界面图 3.点击其中一条所写的博客标题可以进入查看详情,如图4-3 图4-3博客详细信息界面图 4.点击“修改博客”,出现图4-4所示界面,把需要修改的信息进行修改,点击提交。 图4-4修改界面图 5.点击“需要清理一下我的博客”,出现图4-5所示界面,在博客右侧的方框内打勾,点击删除,即可删除被选中的博客。 图4-5删除博客界面图 5.单击“今天心情好,想写篇博客! ”,即可新增一篇博客。 如图4-6. 图4-6添加博客界面图 五、总结 本系统建立了一个个人博客管理的平台,其主要作用是对个人博客进行管理。 该系统主要采用MVC模式,链接到myselfboke数据库,在MVC模式中,JavaBean用于对数据的存储,servlet用于后台对数据的操作,jsp用于页面显示;另外,配置Web服务目录web.xml文件,对信息进行初始化。 该平台具有查询、添加、修改、删除博客的功能,方便了个人对博客的管理。 此外,通过此次的综合性设计实验,让我们收获良多,学到了许多在书本上无法获得的知识,也培养了我自主学习的能力和团结合作的能力。 让我进一步掌握Web开发技术进行动态网站开发的方法,加深和巩固了对理论知识和实验知识的掌握,提高了我的综合应用能力及创新能力,同时,也加强了我动手实践的能力。 与此同时,在完成整个综合性设计实验的过程中,我也遇到大大小小的不同的难题,但我并未放弃,因为我相信坚持到底终会胜利的! 当然,我的水平有限,有些知识掌握的不够全面,难免会出现错误,在今后的学习当中我会进一步完善自己,希望老师批评指正。 备注: 需要源代码的请提前私聊我