JavaWeb编程技术课程设计

摘要随着信息技术的发展，计算机已被广泛的应用于社会的各个领域，成为推动社会发展的技术动力。而在计算机应用中，软件的作用十分突出，软件已经发展成为信息技术的核心，主导着信息产品的开发和信息技术市场的进一步的开拓。项目管理系统，就是项目的管理者应用专门管理项目的系统软件，在有限的资源约束下，运用系统的观点、方法和理论，对项目涉及的全部工作进行有效地管理。它从项目的投资决策开始到项目结束的全过程进行计划、组织、指挥、协调、控制和评价，以实现项目的目标。本文阐述了一个基于设计的项目管理系统，采用的三层设计模式.即前端由网页实现逻辑，后台通过对数据库的操作实现数据逻辑。结合传统的管理，为了解决企业项目管理过程中的工作任务管理问题，本系统实现了对项目的增加、删除、修改、查询，进一步对项目进行按任务分配和追踪，实现了中小型企业对项目的管理。关键词：项目管理任务分配目录\o"1-3"\h\u\l5256摘要 5256\l16201目录 16201\l131731需求分析 131731\l221.1问题描述 221\l193191.2系统需求 193191\l39562概要设计 39562\l254242.1系统总体结构 254242\l45302.2管理员信息管理功能模块 45302\l113573详细设计 113574\l163473.1数据库设计 163474\l71893.1.1图设计： 71894\l163133.1.2数据字典 163135\l303403.2界面设计 303406\l196943.3公共类设计 1969411\l311053.3.1工具框架层 3110511\l173493.3.2实体模型层 1734911\l58093.3.3数据接口层 580913\l255203.4登陆模块设计 2552020\l231963.5修改密码模块设计 2319621\l37234系统测试 372322\l208235总结 2082328\l13081参考文献 1308129\l32145致谢 32145301需求分析1.1问题描述在网络飞速发展的今天，网络给人们带来了很多便利，越来越来的管理网络化。基于传统管理系统许多不方便，公司项目的管理系统希望得到改善，不再局限于传统项目管理，因此希望经过项目的在线分配后能方便更好的管理与分配，在线项目管理对将每个项目的管理划分为无数个小任务，能更好的对任务的分配，同时对任务的进度的了解。1.2系统需求 在该网站中，用户类型分为：管理员、普通员工，本系统以及功能设计都根据传统的项目管理，进行了以下需求分析： 管理员登陆后能够对系统的所有信息进行管理，如项目管理，任务管理，人员管理以及个人信息的维护。项目管理主要功能为：（1）新增项目：新增项目编号、名称、项目进度、负责人、（申请时间）、（审核状态）（2）删除项目：对已经完成的项目和停止的项目进行删除，以免对系统的冗余（3）修改项目：修改项目名称、修改项目负责人、修改项目进度，对项目进度的更新是依赖于各个任务的进度。人员管理主要功能：（1）新增员工：员工编号、员工名、性别、联系方式（2）删除：删除没有任务的员工（3）修改员工：修改指定员工各信息。任务管理的主要功能为：（1）分配任务：根据新添加的任务对其分配，如任务编号、项目名、员工、任务、进度（2）修改任务：对任务的各项信息进行维护，如任务的权值。查询的主要功能为：对项目信息及分配情况的查询，能更好的把握项目的进度情况。（1）查询员工：查询员工各项信息（2）查询项目：查询项目各项信息（3）查询任务：查询任务各项信息员工登陆后能够查询个人参与的任务以及进度，方便自己对工时的管理，随着员工进度的更新，整个项目的进度会进行更新，也可以对个人的信息的维护。2概要设计2.1系统总体结构图2.1系统结构图2.2管理员信息管理功能模块 管理员信息功能模块设计如下图2.2所示：图2.2管理员功能图3详细设计3.1数据库设计 3.1.1图设计： 网站数据库采用设计，包括概念模型、物理模型以及数据字典，图如下图3.1所示：图3.1数据库图3.1.2数据字典表3.1实体T01管理员信息表的属性的清单名称代码数据类型长度管理员编号2(50)50管理员密码2(50)50管理员名字2(50)50表3.2实体T02项目表的属性的清单名称代码数据类型长度项目编号2(30)30管理员编号2(50)50项目名称2(30)30项目负责人2(30)30项目申请时间项目进度2(30)30表3.3实体T03员工信息表的属性的清单名称代码数据类型长度员工编号2(50)50密码2(50)50员工姓名2(50)50员工性别2(10)10手机2(20)20表3.4实体T04任务表的属性的清单名称代码数据类型长度任务编号2(50)50员工编号2(50)50项目编号2(30)30任务名2(50)50任务进度分配权值3.2界面设计 本网站主要页面为管理员主页、项目信息界面、任务信息界面、人员管理界面以及个人主页，分别对应页面为、、、、、.以下为管理里员主界面部分代码：<""";8""8"%><"34.01"""><><><""";8"><""""> <""""> <""""> <修改自官方，你可以按自己的喜好制定样式> <""""> <将默认字体从宋体换成微软雅黑（个人比较喜欢微软雅黑，移动端和桌面端显示效果比较接近）> <"""1.12.3"><> <""""><> <>主页面<><""> (){(("您确定要退出吗?")){=""}} /* *对选中的标签激活状态，对先前处于状态但之后未被选中的标签取消 *（实现左侧菜单中的标签点击后变色的效果） */ $()((){ $('>')((e){ (); 加上这句则导航的<a>标签会失效 $('>')(''); $()(''); }); }); /* *解决返回的页面中含有的办法： *把中的脚本都抽取出来，不管加载的包含多少个脚本块，我们对找出来的脚本块都调用方法执行它即可 */ () { =/<[^>]*>([^\x00]+)$; 对整段片段按<\>拆分 =("<\>"); (i) { 匹配正则表达式的内容数组，[1]就是真正的一段脚本内容，因为前面定义我们用了括号进行了捕获分组 (=[i]()) { 清除可能存在的注释标记，对于注释结尾>可以忽略处理，一样能正常工作 =[1](/<,''); { ()执行脚本 } (e) { } } } } (){ ; (){ 7+,,,, (); 创建对象 } { 6,5 (""); } (){ —当变化时调用后面的方法 (4){ 4 —— (200){ 200 —— 服务器反馈正常 (""); 重设页面中""的里的内容 (); 执行从服务器返回的页面内容里包含的函数 } 错误状态处理 (404){ ("出错了☹（错误代码：404），……！"); /*对404的处理*/ ; } (403){ ("出错了☹（错误代码：403），……"); /*对403的处理*/ ; } { ("出错了☹（错误代码："++"），……"); /*对出现了其他错误代码所示错误的处理*/ ; } } } 把请求发送到服务器上的指定文件（指向的文件）进行处理 ("",,); 表示异步处理 (); } <><><><顶部菜单> <""> <""> <""> <""""""""> <""><> <""><> <""><> <""><> <> <a"""">项目管理系统<> <><"">管理员：<("1")%><><> <> <""""> <""> <><a"""('')"> <i""><>;添加新项目<"">()<><><> <><a"""('')"> <i""><>;任务分配<"">()<><><> <><a"""('')"> <i""><>;增加员工<"">()<><><> <> <> <> <> <左侧菜单选项> <""> <""> <"32"> <""> <一级菜单> <""><a""> ;系统主菜单<"">()<><> <> <><a"""('')"> <i""><>;项目信息<"">()<><> <> <><a"""('')"> <i""><>;任务维护<"">()<><> <> <><a"""('')"> <i""><>;员工信息维护<"">()<><> <> <><a"""('')"> <i""><>;修改密码<"">()<><> <> <><a"""()"> <i""><>;退出系统<"">()<><> <> <> <> <> <> <"93102"> <h1"">控制台<>;欢迎使用项目后台管理系统<><1> <""><><><><>3.3公共类设计 本网站主要分为四层，分别是、、以及.其中前四层为公共类，其中包封装了所有的工具类，包封装了实体类，包封装了一些对实体类实例化以及从数据库读写数据等类，是对所有实体以及对实体操作方法的封装，为对页面控制的类。3.3.1工具框架层 该层里仅有一个判断是否输入为空的类，代码如下：;{ (){ (""()){ ; }{ ; } } (){ (!""()){ ; }{ ; } }}3.3.2实体模型层 在该层下有四个类，为、、、分别对应数据库内的四个表，例如主要的项目类代码如下：{;;;;;;(){ (); }(,,,,,){ (); =; =; =; =; =; =;}(){ ;}(){ =;}(){ ;}(){ =;}(){ ;}(){ =;}(){ ;}(){ =;}(){ ;}(){ =;}(){ ;}(){ =;}}3.3.3数据接口层 该层同样也有四个类，为、、、分别对应实体类包的四个类，用于对实体类的实例化，从数据库读写数据。例如对任务的管理，代码如下：主要实现的为任务的操作，任务分页显示在界面上，任务的增修改以及对进度的更新。{ /** *查询任务信息分页显示 * * */ <>(){ <><>(); ; { (); """*(((1)*?))"; (); (1,); (2,); (); (()){ (); (""); =(""); (""); (""); =(""); =(""); (); (); } }(e){ (); } ; } /** *获取任务表记录分页的总数 * *t2 */ (){ 01=02=0; ; ; ; "*"; { (); (); (); (()){ ; } t13; t23; }(e){ (); } (t10){ t22+1;} (t2); t2; } /** *通过编号查询任务信息 * * */ (){ ; =; { (); ="*?"; =(); (1,); =(); (()){ (""); =(""); (""); (""); =(""); =(""); (); } }(e){ (); } ; } 通过编号查询任务信息 (){ ; ; { (); ="*?"; =(); (1,); =(); (()){ (""); =(""); (""); (""); =(""); =(""); (); } }(e){ (); } ; } 通过项目编号查询任务信息 (){ ; ; { (); ="*?"; =(); (1,); =(); (()){ ; }{ ; } }(e){ (); } ; } <>(){ <><>(); ; { (); "*?"; (); (1,); (); (()){ (); (""); =(""); (""); (""); =(""); =(""); (); (); } }(e){ (); } ; } /** *更新任务进度 * * * */ (){ =; ; { (); ="??"; =(); (1,()); (2()); (3,()); (4,()); (5,()); (6,()); (7,()); i=(); (i1){ =; ("修改成功！！！"); } }(e){ (); } ; } /** *分配任务信息 * * * */ (){ ; =; { (); ="()(?,?,?,?,?,?)"; =(); (1()); (2,()); (3()); (4,()); (5,()); (6,()); i=(); (i1){ =; ("添加成功！！！"); } }(e){ (); } ; } /** *更新任务进度 * * * */ (){ ; { (); ="???"; =(); (1,); (2,); (3,); (); (i1){ ("更新任务进度成功！！！"); }{ ("更新任务进度失败！！！！！"); } }(e){ (); } } /** *获取同项目中所有员工进度的总和 * * * */ (){ 00; 0; ; { (); "*?"; (); (1,); (); (()){ ; =(""); =(""); *; (""); } 100; (); (""+); }(e){ (); } ; } }3.4登陆模块设计登录的校验,其中根据下拉框不同的选择的用户，进入不同的主界面。利于系统的管理： (,),{ ("8")解决乱码问题 ""; (""); (""); (()()){ ("1","用户名和密码不能为空!"); ""; } (); 1(); (); (); 1(); (); (); (""); (""()){ (()){ 1(); ""; ("2",1()); ("2",1()); }{ ("1","用户名或密码错误!"); ""; } }(""()){ (()){ 1(); ""; ("1",1()); ("1",1()); }{ ("1","用户名或密码错误!"); ""; } }3.5修改密码模块设计通过进入系统的不同身份，记录下用户名，方便对其信息的管理，管理员进入系统后，可以查看个人信息，然后修改：(,),{ (,); (); ()("1"); (""); (); (); (); (0){ (""); }{ ("","更新失败"); } }4系统测试打开浏览器，在地址栏输入："，主页显"，主页显示如下：图4.1登录界面选择不同的用户后，