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

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

█ 相关文章：

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

█ 读前说明：

-　
　●　本文通过学习别人写demo,学习一些课件,参考一些博客,’学习相关知识，如果涉及侵权请告知
　●　本文只简单罗列相关的代码实现过程
　●　涉及到的逻辑以及说明也只是简单介绍，主要当做笔记，了解过程而已

█ 项目结构：

-　
　●　项目结构

█ 登录界面：

-　
　●　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