目录一、实践目的 (2)二、实践任务 (2)三、解决方案 (3)1.开发环境 (3)2.运行所需软件安装与配置 (3)3.技术方案 (3)4.解决步骤 (4)四、实践过程 (4)1.环境搭建 (4)2.导入案例 (10)3.系统分析 (13)4.编码实现 (14)5.界面美化 (17)6.测试调试 (17)7.运行结果 (17)五、实训总结 (20)1.Web应用的建立过程 (21)2.Web应用的调试步骤与技巧 (22)3.项目部署与项目拷贝的异同 (25)4. MySQL 软件、SQLyog 软件、jdbc 连接 jar 包、数据库、表之间的关系 (25)5. JDK、Tomcat、MyEclipse 之间的关系 (26)6. severlet、服务类、JSP、JS 之间的配合关系 (26)7. JSP 页面间的信息传递方式 (26)六、实践体会与建议 (26)1.实训日志 (26)2.实践体会 (27)3.改进建议 (27)一、实践目的本次实践具体目的是通过使用MyEclipse和Sublime Text编辑器，编写代码，使用Java构建系统的后端、HTML\CSS\JavaScript搭建网页、连接MySQL数据库实现挂账信息的增删改查。
利用Tomcat应用服务器响应访问请求，搭建一个挂账信息系统，使我们初步熟悉相关软件的操作以及MySQL语句的调用，增强我们对编程的认知，提高我们的兴趣，有利于我们之后的编程语言及数据库学习。
二、实践任务从表库中选择第14张表挂账单表，开发一个操作挂账单表的 java Web 应用程序，实现所选表信息的增删改查，在 Web Form 中动态显示表或视图中的数据。
三、解决方案1.开发环境运行平台：Windows编程语言：Java 1.6.0IDE: MyEclipse8.5和Sublime Text数据库：MySQL数据库可视化工具：SQLyog服务器：Tomcat6.0浏览器：Chrome浏览器2.运行所需软件安装与配置（1）MySQL及其可视化工具SQLyog的安装●安装MySQL●安装MySQL可视化工具SQLyog●用SQLyog建数据库和表格（2）JDK的安装与配置（3）Tomcat6.0安装（4）安装MyEclipse、Sublime Text3.技术方案课堂教学采用案例教学形式，老师和学生一道做完一个图书信息管理系统案例，实现对图书信息的增删改查并完成界面的搭建，再由学生仿做一个单张表的增删改查，并要求采用 Web Form 作为操作和显示界面。
个人单独完成挂账单表。
数据库平台采用 MySQL，编程语言采用 Java，开发平台采用MyEclipse 和Sublime Text等文本编辑器完成对数据库的增删改查功能的实现，使用HTML/CSS/JavaScript搭建前端界面，实现基本的网页展示。
4.解决步骤（1）安装相关软件并完成环境配置（2）在数据库可视化工具SQLyog建立相关的数据库和数据表（3）导入老师所给案例的代码，进行测试，确认数据库、Tomcat以及JDK成功配置并能完成相关操作（4）参考老师所提供的案例图书管理信息系统的代码，弄清楚其基本代码逻辑。
（5）根据已有知识和所清楚的逻辑，模仿案例代码自行编写挂账管理信息系统的代码。
（6）代码编写完毕后，开始根据功能逐步运行调试，顺序为显示界面、显示账单信息、查询功能实现、删除功能实现、修改功能实现、增加功能实现，根据Console报错依次进行代码的错误排查，遇到特殊情况选择Debug模式，更加快速地找到错误根源。
（7）基本功能实现后，开始进行测试，测试内容有：账单信息显示齐全，查询功能是否均能查询、姓名模糊查询是否实现、修改增加功能是否能正常引入JS控制，显示非空、格式不正确、修改成功等弹出框。
（8）测试完毕后，开始美化前端界面，插入背景图、音频等标签，改变信息显示样式，使用block替换按钮显示，调整账单信息显示格式等增加美观度，增加简介页面等使得账单信息系统更加完善。
（9）最终，运行账单管理信息系统，Chrome浏览器输入链接展示，确认功能+界面准确无误，实践完成。
四、实践过程1.环境搭建(1)安装MySQL及其可视化工具SQLyog使用老师提供的MySQL和SQLyog安装包结合老师提供的指导书安装MySQL及其可视化工具SQLyog，傻瓜式安装，没有遇到安装不成功问题，只有数据库可视化工具SQLyog 需要注册码，网上百度解决。
在任务管理器打开服务界面，找到MySQL，正在运行，安装成功。
1服务显示MySQL正在运行(2)配置JDK首先按照老师给的安装包安装了JDK1.6，也相应地安装了Myeclipse8.5，但是配置环境变量的时候一直打不通路径。
之后考虑之前Java课程设计的配置过JDK了，是JDK1.8版本的，中间安装Tomcat的时候自动找到的jre是之前安装过的JDK1.8，后来担心安装的Myeclipse8.5版本不支持JDK1.7及以上的版本，就将之前安装的JDK1.8给卸载了，重新配置了JDK1.6的环境变量。
2打开环境变量3配置JDK环境变量14配置JDK环境变量2我在配置JDK1.6环境变量时使用的仍然是JAVA课程设计时所使用的配置方法，没有按照指导书上的配置，配置方法相对简单，并且也成功配置。
5CMD确认JAVA成功安装(3)Tomcat6.0的安装同样使用老师提供的安装包和指导书，成功安装Tomcat6.06服务显示Tomcat正在运行7网站正常打开Tomcat(4)MyEclipse8.5的安装、工作区间以及JDK的配置MyEclipse8.5的安装也是直接按照指导书操作，Sublime Text是之前已经安装成功了。
①Workspace在第一次打开Myeclipse8.5的时候配置在了D:\MyEclipse 8.5\workspace8MyEclipse8.5的工作区间②JDK环境配置在MyEclipse8.5→Windows→Perferences→Java→Installed JREs里面。
9MyEclipse8.5增加JREs③默认字符集设为UTF-8。
打开 Windows->Preferences，展开 General 选项，点击Workspace 选项，选择 Text file encoding 下的 Other 选项，并在右侧的下拉框中选择 UTF-8，并点击 OK。
10MyEclipse8.5更改字符集④配置Tomcat服务器。
点击服务器图标右侧的下拉箭头，选择 Configure Server 选项，打开服务器配置界面；展开 Server->展开 Tomcat，并选择 Tomcat 6.x。
选择 Enable，点击最上面的Browse 选择之前安装的 Tomcat 路径 F:\Tomcat 6.0，点击 OK，完成配置。
11MyEclipse8.5配置Tomcat2.导入案例（1）使用SQLyog创建老师所提供的案例图书管理信息系统的数据库和数据表。
（2）导入Book项目在MyEclipse8.5侧栏中鼠标点击右键，选中导入import,选中Exiting Projects into Workspaces然后Next,将老师提供的案例文件夹导入，Finish。
12导入Book文件（3）测试Book导入Book后，界面显示正常，但使用界面上的功能时，会弹出500错误。
13Book界面显示14Book显示500错误由于是刚刚接触MyEclipse 运行Java Web项目，遇到的第一个错误就让我有些为难，不过在Console给出的报错信息的提示下，我发现是数据库的连接错误，想起我也并没有连接自己刚刚创建的数据库，于是通过百度，花了很长时间，终于找到连接数据库的方法：在dbinfo.properties的url中将路径改成与自己数据库相匹配的路径。
(4)功能检测修改路径后，图书管理信息系统在我的电脑上正常运行，看到增删改查各种功能都已经实现，心里还挺开心的，但我知道我现在使用的只是老师的代码，我自己的挂账单信息系统还有很多工作需要完成。
3.系统分析挂账管理信息系统提供的几个主要功能如下：（1）提供挂账信息的显示可以输入挂账人的挂账单号、挂账单位、挂账人姓名、证件名、证件号、借款金额、消费内容、挂账日期、还款金额、还款日期、操作员、备注。
（2）查询账单信息功能根据账单序号和挂账人姓名来查询账单信息。
（3）删除账单信息功能在账单管理界面选择删除账单信息。
（4）插入账单信息功能输入账单序号、账单编号等系列信息，新增账单。
（5）修改账单信息功能在账单管理界面，可以选择相应账单进行修改，跳转修改界面，修改相应信息。
15挂账管理信息系统流程图4.编码实现（1）定义各个字段变量并设置相关方法创建一个java文件用于定义挂账单的各个字段变量，定义字段变量时需要根据数据库表单的数据类型进行定义，设置get(),set()方法时同样需要注意变量类型。
方法这里String、int和double类型的函数设置比较容易，唯独date类型的变量对应的方法需要特别注意，一个日期对应着四个函数，两个String和两个Date类型的，这个我想是因为需要将Date写入数据库的问题，先将String类型的date 方法写入数据库，再用Date方法转换格式。
（2）导入过滤器文件过滤器文件是直接将老师提供的图书管理信息系统中的文件复制粘贴过来的，并没有做任何改动。
（3）连接数据库数据库的连接主要通过一个表单文件和一个后端java文件完成，我直接复制了老师的文件，然后将表中的url路径修改为Ledger,java文件没有做出变动。
（4）导入驱动驱动文件一开始我使用的是老师传给我们的jdbc文件，但在实际运行测试后发现会保错：驱动未加载，所以后来将案例中的文件重新复制导入自己的系统，实现成功运行。
（5）主界面首先我们需要编写主界面的jsp文件，即index.jsp，主界面上设置四个按钮，分别对应账单管理信息系统的功能：显示所有账单、根据ID查询账单、根据挂账人姓名查询账单以及增加账单。
然后创建一个js脚本文件，即main.js，文件主要是针对按钮点击的事件触发，用于控制按钮实现跳转页面。
（6）显示账单功能显示账单功能是最基础的功能，修改、增加、删除以及查询都是跳转至这个界面并且都需要在这个界面上反馈结果。
所以我们需要首先展示界面功能。
点击主界面按钮后，我们需要后端有一个文件能响应请求，所以创建一个selevt包放进SearchLedger.java文件，里面实现条件语句，根据类型变量执行不同函数的功能，显示所有账单功能对应的类型为allledger，类型确认后，执行LedgerService.java中获取所有账单的函数，即GetAllLedger()函数，这个函数通过执行sql语句“select * from ledger”将数据库中以存放的数据全部取出，并将各个数据写入ledger这个对象中，最后全部添加到al这个实例化对象中，SearchLedger.java文件中通过session接收到al 这个对象，随即跳转至LedgerManage.jsp这个界面上，即最终的显示界面。