前言

学习了快两个月的Web知识。终于到实际操作的时候了。于是自己便动手做了一个后台的管理系统，实现对数据的增删改查。

前言

一、登录

二、基础功能

三、总结

一、登录

由于此项目是自己的一个练手项目，所以就没有做其他比如验证码或者注册之类的功能。项目启动后便进入登录界面，通过输入用户名以及密码登录到系统中。

登录实现是通过前端页面发送ajax请求，后台接受参数，再通过查询数据库中对应的字段进行验证，如果比对正确即可登录。

核心代码：

script>$(function () {$("#btn_login").click(function () {$.post("admin/login",$("#login_form").serialize(),function (data) {if (data.flag == true){location.href = "index.html";}else {$("#errorMsg").html(data.errorMsg);}});});});</script>

//1.接受数据Map<String, String[]> map = request.getParameterMap();Admin admin = new Admin();try {BeanUtils.populate(admin,map);} catch (IllegalAccessException e) {e.printStackTrace();} catch (InvocationTargetException e) {e.printStackTrace();}//System.out.println(admin);//调用service查询Admin admin_login = adminService.login(admin);ResultInfo info = new ResultInfo();//System.out.println(admin_login);//判断对象是否为nullif (admin_login == null){//账号密码输入错误info.setFlag(false);info.setErrorMsg("用户名或密码输入错误！");}else {//登录成功info.setFlag(true);request.getSession().setAttribute("admin",admin_login);}writeValue(info,response);

二、基础功能

此项目设计为对酒店信息、用户信息、订单信息的增删改查。所以逻辑都是差不多的，这里就以酒店信息展示为例，简单介绍一下。

登录进系统后

这里的操作是，页面发送ajax请求，服务器接受请求，查询数据库，然后在把查询到的数据转为json格式，转发回前端页面。然后页面再遍历其返回的数据，进行数据展示。

核心代码

 $(function () {//发送ajax请求 获取酒店信息$.get("hotel/findHotel",{},function (hotel) {var tr = '<tr class="success">\n' +'                <th>编号</th>\n' +'                <th>姓名</th>\n' +'                <th>价格</th>\n' +'                <th>简介</th>\n' +'                <th>是否主题酒店</th>\n' +'                <th>已预订数量</th>\n' +'                <th>操作</th>\n' +'            </tr>';var num = 1;for (var i = 0; i <hotel.length ; i++) {num =i+1;if (hotel[i].rflag == '1'){hotel[i].rflag = "已上架";} else {hotel[i].rflag = "未上架";}var td = '<tr>\n' +'                    <td>'+num+'</td>\n' +'                    <td>'+hotel[i].rname+'</td>\n' +'                    <td>'+hotel[i].price+'</td>\n' +'                    <td>'+hotel[i].routeIntroduce.substring(0,8)+'</td>\n' +'                    <td>'+hotel[i].rflag+'</td>\n' +'                    <td>'+hotel[i].count+'</td>\n' +'                    <td><a class="btn btn-default btn-sm"\n' +'                           href="http://localhost:8080/travelback/updateHotel.html?rid='+hotel[i].rid+'" id=\"updateHotel\">修改</a>&nbsp;\n' +'                        <a class="btn btn-default btn-sm" href="javascript:deleteHotel('+hotel[i].rid+')">删除</a></td>\n' +'                </tr>';tr+=td;}$("#table").html(tr);});});//删除函数function deleteHotel(rid) {if (confirm("确认删除吗？")) {//发送ajax请求$.post("hotel/delete",{rid:rid},function (data) {if (!data.flag){alert("删除成功！");location.href = "hotel_manager.html";}else {alert("删除失败!")}});}}

 //1.调用service查询酒店信息List<User> users = userService.findUser();ResultInfo info = new ResultInfo();if (users != null) {//有数据writeValue(users, response);} else {info.setFlag(false);info.setErrorMsg("当前无用户信息，请添加！");writeValue(info, response);}

三、总结

这个项目是一个很基础的jsp项目，只能说完成之后，对前面所学的知识进行了一个回顾以及总结。在写这个项目的过程中，后端的代码其实花费的时间并不是很多，反而是在调试前端页面的时候花费了很多的时间。比如后端提供了数据，前端如何展示的问题。总之，完成这个项目即是对前面所有所学习的东西作了一个总结。在接下来就要开始框架的学习了，在编写这个项目的时候，尤其是在编写后端代码的时候，总有很多繁琐重复的操作，为了解决这些问题，学习框架就是很有必要的了，毕竟可以简化代码的书写量。

旅游网之后台管理系统相关推荐

微信小程序旅游服务平台+后台管理系统|前后分离VUE
<微信小程序旅游服务平台+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统,该后台采 ...
vue + elementui +sass+axios做卖座网的后台管理系统
卖座后台管理系统后台管理系统无非就是操作数据实现数据的增删改查 css样式的话我用elementUI+sass 拿的模板是花裤衩大哥的模板源码在这里这是效果所需要的知识熟悉vue的父子传 ...
mysql网页后台_jsp+servlet+mysql开发java web旅游网站,有后台管理系统
项目描述 jsp+servlet开发的景点旅游网站运行环境 jdk8+tomcat8+mysql+eclipse+maven 项目技术(必填) java servlet+mysql+jquery a ...
JavaWeb项目——旅游门户网站及后台管理系统
目录前言 1. 项目简介 1.1 项目说明 1.2 项目内容 2. 部分重点代码展示 3. 部分成果展示 3.1 旅游门户网 3.2 后台管理系统前言经过一段时间的学习,我已经掌握了web相关的 ...
基于 jsp+servlet+mysql 开发旅游推介网站和后台管理系统(maven项目)
你知道的越多,你不知道的越多点赞再看,养成习惯如果您有疑问或者见解,或者没有积分想获取项目,欢迎指教: 企鹅:869192208 文章目录一. 开发背景二. 需求分析三.开发环境四.运行效 ...
JavaWeb项目——黑马旅游网
在学习完Ajax和json后,博主在新年过后开始JavaWeb项目--黑马旅游网的学习和完善,这个项目是使用的jQuery去编写的,因为需要使用异步请求,就不能使用jsp方法. 过程中遇到了很多大大小 ...
旅游网后台管理系统（一）环境搭建
文章目录 1. 系统介绍 2. 技术选型 3. 环境搭建 3.1 创建数据库和表 3.2 创建 Maven 工程 3.2.1 创建父工程 3.2.2 创建子模块 dao 3.2.3 创建子模块 ser ...
springboot+vue计算机旅游管理系统 springboot+vue旅游网
springboot+vue计算机旅游管理系统 springboot+vue旅游网包含前台用户系统和后台管理系统源码: vx:daihq713
基于SSH开发的洛阳旅游网管理系统 JAVA
10113基于SSH开发的洛阳旅游网管理系统代码: 鏈-椄:https://pan@baidu@com/s/17O5OFcf8ONKdn7dOXy57TA(把@换成 . 就可正常访问) 趧-紶-碼: ...
浙江理工大学信息学院本科生创新项目总结报告——云水诗踪-西湖旅游后台管理系统
信息学院本科生创新项目总结报告研究目的与意义中华文化博大精深,源远流长,在五千多年文明发展中孕育的中华优秀传统文化,积淀着中华民族最深沉的精神追求,代表着中华民族独特的精神标识,是中华民族生生不息 ...

旅游网之后台管理系统

前言

一、登录

二、基础功能

三、总结

旅游网之后台管理系统相关推荐

最新文章

热门文章