AJAX和XML数据存储

《AJAX和XML数据存储》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、实习报告(JSP美化以及XML存储数据)注：该报告是在原文档修改添加的，为方便老师查阅，主要修改部分已用彩色字体标注出来了，xml部分在最后面。所选题目：招聘信息管理系统功能介绍：这是一个简易的用户管理招聘信息的系统，可以实现用户注册和登录，还能查看和搜索数据库中的已存数据信息。使用的技术：服务端用到了servlet和jsp，前端则使用HTML和CSS以及Javascript，同时还使用MySQL数据库作为数据仓库。另外，还引入了一个Javascript工具库。本系统的特点是，利用Javascript跟后台结合实现了异步加载的功能，即AJAX，从而给与用户比较好的使用

2、体验。我还使用了XML来存储用户名称，每当有新用户注册成功后，除了向数据库写入用户名以及密码等相关数据以外，还会向该xml文件写入用户名，下次用户在登录时输入用户名的时候，可以从该xml文件中读取用户名，并显示匹配的提示，方便用户快速输入。功能模块：管理系统首页：该页面中列出全部招聘信息，并设置有注册，登录，搜索的导航按钮。(该页面在用户没有登录的情况下(通过session判断的)，会自动跳转到登录界面要求用户登录。)该页面截图如下：界面截图登录界面：用户必须先登录才能查看系统里面的数据，在用户名输入用户名的时候，通过AJAX技术，输入栏下方会实时显示一个下拉建议列表

3、，以方便用户选择自己的用户名从而快速登录。这些数据是从xml文件中读取出来的。后面会介绍是如何读取数据的。另外，在该页面，有一个注册按钮，用于给没有注册的用户进行注册。页面截图如下：注册页面：该页面用于给用户进行注册，在用户输入自己希望的用户名后，系统会自动检测该用户名是否已经被注册，是的话就即刻提示用户，让其更换一个。在用户成功注册后，会把用户名和密码写入数据库。同时设置一个session，表示该用户此时已经自动登录并可以浏览信息展示页面和进入搜索页面了。页面截图如下：已被注册的情况未被注册的情况注册信息确认页面：该页面是在用户成功提交注册信息后跳转到的页面，在该页

4、面，会提示用户输入刚才填写的用户名，在输入栏失去焦点时，系统会自动从数据库中取回改成用户填写的密码，显示给用户，如果不是，用户点击“不是哦”后，鼠标会自动跳入用户名输入栏中，并清空里面的内容。在用户点击确认后，即可跳转到信息展示主页面。此时用户是已经登录了的，不需要再到登录页面去执行登录了。下面是该页面的截图：初始界面输入自己用户名后的提示界面搜索页面：在信息展示主页面的右上方，有几个导航按钮，其中有一个是“搜索”按钮，按下该按钮后，页面会跳转到搜索页面。在搜索栏中输入你想查看的公司的招聘信息，系统就会查找数据库中的数据，显示给用户。这里用到了自定义tag标签，并以j

5、son的方式返回数据。程序中json数据的格式为：{"info":{"degree":"硕士","job":"手机软件开发","salary":"9000"}}该数据的生成过程是：在用户输入一个公司名后，点击后面的按钮，会触发javascript代码（由自定义标签生成的）中定义好的事件处理程序，该程序会向servlet发送一个请求，请求中包含了一个参数（公司名称），servlet收到请求后会根据该公司名称到数据库中取回其相关信息，然后打包成一个json，返回给原来的javascript处理。在search.jsp中使用了自定义标签，引入方式为：<%@tagliburi

6、="/WEB-INF/taglibFile.tld"prefix="ajax"%>使用方式为：该标签的作用原理是：根据标签属性来在此处输出相应的javascript代码，从而自动实时的操作特定的页面DOM元素（这里是3个表单text域），实现ajax异步获取数据并显示的功能。效果为：不刷新界面更新界面显示的数据。该页面截图如下：数据库中一共两张表，分

7、别是employ和users，分别用来存放用户数据和招聘的信息。下面是数据库的截图：总览employ表Users表XML文件中的内容大概如下所示，它会随着用户的注册而添加新的数据项：wangyuanhuanghongweiwangxiaoyazhangsan