【web学习之demo】 一个Demo的解析

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ljb568838953/article/details/83175938

█ 【web学习之demo】 一个Demo的解析

█ 相关文章:

- 
 ● 【web学习之html】 HTML基础 - 常见语法总结
 ● 【web学习之html】 HTML基础 - 表单学习
 ● 【web学习之Js】 JavaScript基础 - 基础语法
 ● 【web学习之demo】 一个Demo的解析
 ● 【web学习之eclipse】 用eclipse从git(码云)上下载maven项目

█ 项目结构:

- 
 ● 项目结构
在这里插入图片描述

█ 登录界面:

- 
 ● server启动后,访问:http://localhost:8080/,自动跳转到index.jsp界面,该界面中执行document.location.href = ‘login.jsp’; 跳转到 登录界面:

在这里插入图片描述
 ● 点击登录按钮,跳转到主页面:
在这里插入图片描述

● 登录界面:
在这里插入图片描述

█ 主界面:

- 
 ● 主界面:
 在这里插入图片描述

● 点击添加按钮,执行id="add1"触发事件(test123.js):在这里插入图片描述
 ● 在HomeController.java中可以知道’add.do’返回:“test/add-update”
 在这里插入图片描述

● 因此将弹出test/add-update.jsp对话框:
 在这里插入图片描述
 ● 点击添加员工按钮:
在这里插入图片描述

● 执行lay-filter="add"触发事件(test123.js):
 在这里插入图片描述

● 在HomeController.java中可以知道’add.do’的Post事件:
 在这里插入图片描述

█ 相关说明:

- 
 ● 本demo采用前端 UI 框架layui:
  layui开发使用文档 - 入门指南
 ● 其中’popup’, 'operations’为自定义Layui模块popup.js和operations.js

█ 相关资料:

转载请注明出处:

https://blog.csdn.net/ljb568838953/article/details/83175938

猜你喜欢

转载自blog.csdn.net/ljb568838953/article/details/83175938
今日推荐