案例layUI

登录:将layui文件导入到web目录下

编写账户名密码验证码的后台验证

用《a》看不清换一张《/a》标签设置刷新验证码

登录成功-->/home -->home.jsp

更新左上方的用户名

从session域中取出username 

 

 

 el表达式在jsp通过key取值；

在域中的取值：先在request域中找；没有则在session中寻找；还是没有则会到ServletContext中找；再没有就是代码写错了

getServletContext().setAttribute("name","王五");

request在数据发送回去后；立马销毁

session域的数据有一个动态30分钟的生存时间；存到服务器上；一个用户只有一份key

ServletContext在服务器创建时创建；所有的用户都有一份；在服务器关闭时销毁

 

系统管理

 通过顶部点击获取二级菜单

 对应的二级菜单

 

 通过修改json/navs.json的内容来修改二级菜单的内容

编写员工增删改查

导入page/ user/userList模板/显示后台信息

导入emplist.js文件

 此文件对后台数据进行了限制；传值时要与其严格对应

@WebServlet("/emplist")
public class EmplistServlet extends HttpServlet {
    private queryEmpService service = new queryEmpServiceImpl();
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        int pagenum=1;
        String page = request.getParameter("page");
        if(page!=null){
            pagenum=Integer.parseInt(page);//分页页数
        }
        int pagesize = 10;
        String limit = request.getParameter("limit");//每页数据
        if (limit!=null){
            pagesize=Integer.parseInt(limit);
        }
        List<Employee> employeeList = service.empListPage(pagenum, pagesize);

    }
}

如何在servlet编写json的传输格式呢？

写一个与前端要求数据名和类型一样类

 对servlet传的json进行改写

      List<Employee> employeeList = service.empListPage(pagenum, pagesize);
        
        //创建一个表格对象

        TableData<Employee> td = new TableData<>();
        td.setCode(0);//状态码
        td.setMsg("获取数据成功");
        td.setCount( service.findEmpCount());//查询员工数量
       // System.out.println(service.findEmpCount());
        td.setData(employeeList);
        //System.out.println(td);
        String json = new Gson().toJson(td);//将tdata序列化为一个json发给jsp
        //将td对象转换成json发给前端
        response.getWriter().write(json);

 前端效果图

 每页指定显示几条数据以及数据美化都是由前端编写 后端只要能提供对应的json就行了

设置3S的加载动态效果

 在servlet里休眠3S就可以了

删除操作：

 

批量删除

json的写法：

resp.setHeader("Content-Type","text/json;charset=utf-8");

test的写法：

resp.setHeader("Content-Type","text/plain;charset=utf-8");

 ajax：接收servlet的数据