JSP实训报告.doc

23电子商务系统规划与管理 实训报告题 目： 新闻发布系统网站 系 别： 管理系 专 业： 电子商务 学生姓名： 学 号： 指导教师： 2013年 1 月 6 日目录1. 系统开发和运行环境.32. 系统设计.3 2.1 总体设计.3 2.2 详细设计.4 2.2.1 结构设计 .4 3.1 具体功能解释.6 3.1.1 增加发布新闻功能.6 3.1.2 编辑发布新闻功能.7 3.1.3 删除发布新闻功能.7 3.1.4 管理发布新闻功能.7 3.1.5 管理分类新闻功能.7 3.1.6 后台显示效果框架.7 3.1.7 登陆验证功能.7 3.1.8 登陆数据处理功能.7 3.1.9登陆页面.7 3.1.10 退出登陆页面功能.73.1.11 前台首页.83.1.12注册页面.83. 网站整体效果.84.核心代码.12 4.1.1 main.jsp.12 4.1.2 manage.jsp. .13 4.1.3 news_list.jsp. .14 4.1.4 login.jsp.16 4.1.5 addNews.jsp.17 4.1.6 register.jsp.184.1.7 news_view.jsp.215.系统维护.226.归纳总结.226.1.1 开发经验.226.1.2 设计不足之处.226.1.3 心得体会.23 1. 系统开发和运行环境（1）J2SDK：Java2的软件开发工具，是Java应用程序的基础。JSP是基于Java技术的，所以配置JSP环境之前必须要安装J2SDK。（2）Tomcat服务器：Apache组织开发的一种JSP引擎，本身具有Web服务器的功能，可以作为独立的Web服务器来使用。但是，在作为Web服务器方面，Tomcat处理静态HTML页面时不如Apache迅速，也没有Apache健壮，所以我们一般将Tomcat与Apache配合使用，让Apache对网站的静态页面请求提供服务，而Tomcat作为专用的JSP引擎，提供JSP解析，以得到更好的性能。并且Tomcat本身就是Apache的一个子项目，所以Tomcat对Apache提供了强有力的支持。对于初学者来说，Tomcat是一个很不错的选择。（3）MyEclipse：是Eclipse的插件，也是一款非常优秀的J2EE集成开发环境（IDE），用于构建集成Web和应用程序，支持代码编写、配置、测试以及除错。2.系统设计2.1 总体设计 系统设计是整个软件项目开发的核心阶段，经过对开发软件的项目要求进行仔细分析，明确目标，严格按照要求进行项目开发，设计出系统的总体结构，进行模块划分，并确定个模块之间相互关系以及每个模块所应该完成的任务。本次采用模块化设计方法，即按照设计原则把程序分为多个模块，再由各个模块细分成更小的任务来实现整个程序的功能。在细分模块的过程中，模块要求相对独立又相互关联，并且使非设计者容易理解。以下是模块化层次结构图，从上到下层层进行细分描述： 2.2 详细设计2.2.1 结构设计1）连接SQL数据库设计2）网站功能整体设计 3）页面整体设计 3-1 新闻的管理3-2 主页，登陆及注册页面 4）数据库设计一共2个表，分别存放用户，新闻发布的信息。4-1 wys数据库4-2表4-3 用户表4-4 新闻表3.1 具体功能解释3.1.1 增加发布新闻功能通过表单来实现发布新闻的标题，内容和分类的提交，并且在同一个页面进行数据处理，添加至数据库。声明一个class类，通过getlist来获得分类列表，判断是否提交了表单，通过request获取表单标题，内容，分类。声明一个webInfo的类，把从request获取的内容传入到此类中，声明一个web的类，执行此类中insert方法进行保存。3.1.2 编辑发布新闻功能通过表单来实现发布新闻的标题，内容和分类的提交，并且在同一个页面进行数据处理，添加至数据库。声明一个class类，通过getlist来获得分类列表，判断是否提交了表单，通过request获取表单标题，内容，分类。声明一个webInfo的类，把从request获取的内容传入到此类中，声明一个web的类，执行此类中updata方法进行保存。获取当前内容的分类。3.1.3 删除发布新闻功能通过request来获取id,声明一个名为cls的web类，定义result为0，执行删除操作并返回值到result。若result为0删除失败，否则成功。3.1.4 管理发布新闻功能声明一个web类和class类，通过request语句来获取查询内容，实现内容查找。遍历查询出所有内容，通过action传递参数id，实现编辑删除功能。3.1.5 后台显示效果框架声明一个web类，通过getlist来获得分类列表，判断是否提交了表单，通过request获取表单标题，内容，分类。声明一个webInfo的类，把从request获取的内容传入到此类中，声明一个web的类，执行此类中insert方法进行保存。3.1.6 登陆验证功能建立cookie，验证是否为admin，以及页面跳转。3.1.7登陆数据处理功能声明类user,查找账户密码是否在数据库中，若是则创建session，实现页面跳转。否则提示用户名及密码错误。3.1.8登陆页面 验证账户、密码是否为空，若为空则提示。3.1.9退出登陆页面功能清除session,并执行页面跳转。3.1.10 导航新闻页面声明类名为w，wif,cls的类。通过传入参数ID，获取内容并显示。通过request语句来获取查询内容，实现内容查找。遍历查询出所有内容，通过action传递参数id，实现编辑删除功能。3.1.11 前台首页声明一个web类和，通过request语句来获取查询内容，实现内容查找。遍历查询出所有内容，通过action传递参数id，实现查看新闻内容功能。3.1.12注册页面通过request获取账号、密码、确认密码和电子邮件。声明类user和userInfo,判断action是否为save，是则进行两次密码输入的判断，否则提示密码不一致重新输入。若两次密码输入一致，则对密码进行MD5加密，进行数据保存。并将结果返回result。若不为0则，注册成功，否则提示失败。3.网站整体效果1-6 发布新闻页面1-7 发布成功的效果图1-8新闻编辑页面1-9 新闻编辑成功的效果图1-10 发布新闻删除的效果图1-11前台页面效果图1-12 注册页面1-15 注册信息提醒图1-16 注册成功页面1-17浏览新闻稿效果图4. 核心代码4.1.1 main.jsp首页 新闻发布系统 欢迎, xxx用户 |用户登录 |管理员登录 %List list=(List)request.getAttribute(list);for(int i=0;i a href=http:/localhost:8080/07001news/servlet/NewsServlet?method=viewNews&id= target=_blank a href=http:/localhost:8080/07001news/servlet/NewsServlet?method=viewNews&id= target=_blank 4.1.2 manage.jsp后台管理页面 新闻发布系统 欢迎光临, 用户 | 添加新闻 | 管理新闻 | 添加用户 |管理员注销 4.1.3 news_list.jspfunction delete_confirm(e) if (event.srcElement.outerText=删除) event.returnValue=confirm(您确认执行删除操作么？); document.onclick=delete_confirm;新闻列表新闻编号新闻标题创建时间操作%List list = (List) request.getAttribute(list);for (int i = 0; i a href=http:/localhost:8080/07001news/servlet/NewsServlet?method=viewNews&id= target=_blank a href=http:/localhost:8080/07001news/servlet/NewsServlet?method=deleteNews&id=删除 |a href=http:/localhost:8080/07001news/servlet/NewsServlet?method=preUpdateNews&id=修改4.1.4 login.jsp管理员登录% String message=(String)request.getAttribute(message); if(message!=null) out.print(+message+); % 用户名： 密码：   浏览新闻，请进入4.1.5 addNews.jsp添加新闻window.onload = function()var oFCKeditor = new FCKeditor(content) ; /参数为要替代的文本框的标志（名字）oFCKeditor.ToolbarSet = Custom;/自定义的工具条集-customoFCKeditor.Height=400; /设置编辑框的高度oFCKeditor.Width=100%;/设置编辑框的宽度oFCKeditor.BasePath = /07001news/fckeditor/ ; /fckeditor存放在项目中的路径oFCKeditor.ReplaceTextarea() ; /用替代文本区textarea的方式调用fckeditor请您输入新闻内容:  标题: 类别: 国内新闻 国际新闻 内容:4.1.6 register.jsp用户注册用户注册 用户名: *(用户名长度为618位，由英文字母、数字、下划线组成。) 密码: *(密码长度为616位，由英文字母、数字、下划线组成。) 密码确认: *(请再输一遍，以便确认！) 电子邮件: *(请您输入正确的E-mail地址！方便您的密码查询！) 性别: 酷哥 靓女   密码提示问题: *(帐号验证以及用于帮你找回密码！) 提示问题答案: *(找回密码的答案！) 真实姓名:   联系电话:   function checkForm(form)if(isEmpty(form.userName.value) | isEmpty(form.password.value) | isEmpty(form.confirmPassword.value) | isEmpty(form.email.value) | isEmpty(form.passwordQuestion.value) | isEmpty(form.passwordAnswer.value) )alert(请将必填项填写完整!);return false;if(form.password.value!=form.confirmPassword.value)alert(两次密码不匹配!);return false;if(form.password.value.length16)alert(密码长度不得少于6个字符，不得多于16个字符！);return false;if(form.userName.value.length18)alert(用户名长度不得少于6个字符，不得多于18个字符！);return false;return true;function isEmpty(str)if(str=null | str.length=0)return true;else return false;4.1.7 news_view.jsp新闻详细内容 （） 发表时间：2010年4月1日 5. 系统维护 程序经过调试，当确认程序无错误并且能按照既定目标功能运行后，开发就进入了尾声。但是，对于程序员来说，还有一个步骤没有完成，那就是系统维护。系统维护是一项漫长的过程，其作用是在于把用户在长期使用程序的意见和建议收集起来，对程序进行BUG检查和细节修改，以达到让程序更加完美，执行效率更加迅速，功能更加完善等等。只有在这一步进行得完满，才是这一个程序的成功。6.归纳总结6.1.1开发经验 这是第一次做JSP的实训项目，对此次的项目开发有更多的体会：开发项目时要注意查看项目的要求，认真分析，并做出合理的功能报告开发程序的一般模式为自上而下，模块化功能，逐步细化的方法来开发注意代码的风格、结构、效率与全局设定，做到用最少的代码做到最高的效率在开发时要认真，要有耐心，及时发现代码的错误，当想不出算法时，不能急，要合理利用休息时间，使大脑时刻保持清醒定义各类时，要注意功能上的选择与划分，以避免不必要的麻烦本次学到了如何较准确的运用数据库SQL来保存数据6.1.2 设计不足之处 在本次设计中有诸多不足： 程序的前台、后台界面不够合理美观 程序的代码没有想象中有效率 程序的功能实现有些牵强 程序的数据保存输出时没有更多信息以方便阅读6.1.3 心得体会 在这次实训中，我们收获了很多，这远比每天对着个课本，写着题目要得到的多。实训指的就是通过自己所学的内容，真正编出一套程序来。这并不是一件容易的事情，但是它却是学习这门科目最好的方法。 首先，通过本次试验，深入了解了JSP模型的使用，并对课程上所学到的TOMCAT和SQL