课程设计-- 网上日历系统.doc

网上日历系统1 引 言1.1 课题背景日常生活的繁忙，逐渐加快的生活节奏，使得计划在生活中越来越重要。而互联网的发展，也使得使用网络生活的人越发普及。本项目经过一定的研究和构思，决定将计划和互联网结合，让人们在上网的同时可以关注自己以后所要完成的事，更好的安排自己的生活时间。1.2 课题内容课程设计主要内容是建立一个与制定未来活动计划的数据库，并用JavaWeb技术实现对该数据库的数据进行相应的增删查改等功能。主要分成以下几个阶段：（1）需求分析阶段。了解一个日历系统所应具备的所有基本功能，将这些功能整合后加深对该系统的了解，深刻理解我们的设计目标和基本要求，设计出相应的项目基本结构。（2）概念设计阶段。实现数据抽象，了解局部视图设计及视图的集成。在此阶段开发人员将对数据库建表有一个整体的概念掌握；（3）逻辑结构设计阶段。根据（2）中得出的所有表格确定结构逻辑 ；（4）在数据库中建立该系统需要的表格。然后在向这些表格输入数据，完成了数据库的基本建立工作；（5）利用JavaWeb技术设计知识进行日历系统各个部分的设计，实现数据库与程序代码的互连，从而实现了使用该系统的查询日历和活动、增加活动事项、编辑和删除活动事项。至此，该订票系统基本完成，只需经过反复调试，不断完善该系统的各个细节，就能得到一个与用户需求高度吻合的系统。2 设计思路2.1 需求分析（1）信息要求 信息要求即指需存储的数据。在系统中需要存储活动信息。（2）功能要求活动信息管理：可以添加新活动事项、修改现有活动事项、删除活动事项。日历管理：可以通过当前的系统时间进行查询当月的活动事项。（3）安全性与完整性要求安全性要求：访问数据库时需要输入登陆帐号和密码。完整性要求：根据日历系统的要求，为保持数据的完整性，采用了数据库的事务机制，防止出现操作故障引起的数据不一致。2.2 总体设计说明2.2.1 系统框架图此次程序需设计为网页程序，其中确保与数据库之间的正确联系为主要目的。实现对数据库中表的增删查改是该程序的主要操作。其次是完成各个子页面之间的参数传递。基于以上思路，首先是建立数据库，接着是按界面分模块进行实现，最后进行整合。图2-1 系统框架图如图2-1，本次课程设计主要是在两个端口间操作，因此也将模块在两个端口细分。前台功能：1） 查看日历：按照当前系统时间显示日历，用户可以通过调整时间来显示其他月份的日历；2）查看日历活动事项：在当前日历中会显示某一日的所有事项，供用户查询；3）创建新的活动事项：用户登录之后可以添加新的活动事项，填写相关要素如标题、起止时间；4）编辑删除现有事项：用户登录之后可以编辑或删除已存在的活动事项； 后台功能：日历活动事项管理：包括查看、删除、修改日历活动事项；2.2.2 组员信息组长：林家权。组员：周瑶瑶，吴姗，马红娟。2.3 详细设计说明2.3.1 数据库设计根据需求分析，设计了一个events表，包含属性名结构如下表2-1 数据表描述表属性名属性结构类型内容event_idint(11)主键活动事项id，唯一event_titlevarchar(80)default null活动事项标题event_desctext活动事项描述event_starttimestampnot null活动事项起始时间，精确到小时event_endtimestampnot null活动事项结束时间，精确到小时2.3.2 界面设计该系统包含4个网页模块，讨论后的设计思路如下：主页面模块: 主界面负责显示当前系统的日历，并在日历上标注出对应日期的活动事项。详情模块: 通过主页面模块生成的活动事项链接访问到该模块，借由主页面传递的活动事项id在数据库中提取该id对应的活动事项所有的基本信息并在网页中显示。编辑模块: 该模块分为两个界面。通过检查传入该模块的id参数来显示相应的模块。Id为0或空时，显示创建活动事项模块；否则显示编辑活动事项模块通过id查询相应信息并对应显示到页面的编辑框中。该模块在提交表单后将信息传递给后台Servlet修改数据库中的内容。反馈模块: 在编辑模块提交表单传递给Servlet后，Servlet会根据对数据库执行操作结果返回相应的数据。通过处理后，显示在该页面。3 网上日历系统3.1 主页面模块3.1.1 界面图3-1 主界面设计通过index.jsp访问该页面。如图3-1所示，主界面分为当前月份、日历显示、添加活动三个部分组成，整体布局通过css初步调整。本页面生成两种链接，分别为活动链接和添加活动链接。活动链接进入详情模块，添加活动链接进入编辑模块。日历表格整体布局为7*7，包括周次头行。当前月份的活动事项会将表头显示在相应的日期窗口内。3.1.2 主界面模块关键实现本页面主要代码位于工程的Calendar.inc.jsp（以下简称inc文件）中，index页面通过包括inc来显示页面，inc文件独立显示当前月、日历、添加活动链接，通过从CalendarBean中查询数据库提取活动事项id和标题，id通过隐性的方式和标题一起在日历中显示。3.2 详情模块3.2.1 详情界面图3-2 详情界面设计如图3-2所示，购买界面分为2个板块：活动信息和链接操作。活动信息：其中包括活动事项的标题、起始和结束时间、详细描述。活动id在地址栏中，通过Java语言进行存储。链接操作：显示3个链接，分别为编辑事件、删除事件和返回。编辑事件进入编辑模块，传入id。删除事件进入反馈模块，直接对数据库操作。返回进入主界面模块。3.2.2 详情模块关键实现本界面由EventServlet中的doGet动态生成，通过xml配置地址。本界面地址为event，通过主界面的evnet?id=xx的链接进入该页面，由request.getParameter获取id，通过内置函数进行查询该活动的详细情况，并由response.getWriter()链接的PrintWriter型变量生成网页。其删除事件由EventBean直接进行操作。3.3 编辑模块3.3.1 编辑界面图3-3 编辑界面设计图3-4 创建界面设计如图3-3和3-4所示，编辑模块分为创建界面和编辑界面两部分，创建界面的地址栏中请求id=0，编辑界面中请求id=5。通过不同的id请求进入不同的页面。3.3.2 编辑模块关键实现编辑模块文件为event.jsp，通过xml配置地址为detail。表单传递方式为post，传递目标为create或edit（均由xml配置指向EventServlet）。若是传入该模块id为0，则只显示页面并将标题显示为创建活动事项。若传入id大于0，则将通过EventBean链接数据库查询该id相应的活动事项，并将对应的属性填入到表单中，修改页面标题为编辑活动事项。3.4 反馈模块3.4.1 反馈界面图3-5 反馈界面修改成功图3-6 反馈界面错误如图3-5和3-6所示，本模块提供本次对活动事项操作的结果反馈，并给予一个返回首页的链接。3.4.2 反馈模块关键实现该模块地址分别为edit和create，均通过xml进行配置产生。由编辑模块传递到该模块后，EventServlet通过doPost对传入数据进行处理，并判断是创建还是修改。虽然将传入的属性生成sql语句在数据库中进行执行，并由response.getWriter()链接的PrintWriter型变量生成网页。4 运行测试4.1 编辑现有事项本测试在Chrome25平台上运行。运行程序，进入日历首页。图4-1 首页点击6月2号的Test事项。图4-2 Test时间详情修改事件。图4-3 修改事项点击提交。图4-4 修改成功返回首页查看。图4-5 返回查看4.2 创建事项点击“添加活动”。图4-6 创建界面填入详情。图4-7 填写详情点击提交，返回首页查看。图4-8 创建成功4.3 删除事项选择刚刚添加的事项。图4-9 test2详情点击“删除事件”。图4-10 删除成功返回主界面查看。图4-11 首页查看至此，本系统测试成功运行完毕。结语此次课程设计具有一定的挑战性，是一次多人合作的网页制作。涉及到数据库的设计和连接运用。在此之前，通过JavaWeb技术设计的网页规模较小，只是一些零散的小程序而已。但是对于在2个半月前还