1. LayUI 入门1.1 框架介绍官网：https://www.layui.com/ 文档：https://www.layui.com/doc/ 经典模块化前端框架：由职业前端倾情打造，面向全层次的前后端开发者，低门槛开箱即用的前端 UI 解决方案。 1.2 环境搭建 官网首页下载压缩包，解压即可； 将解压后的 layui 目录导入项目中； 页面中引入 css 和 js 文件。

官网（中文）教程：https://cn.vuejs.org/ 1. 简介1.1 渐进式框架Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue

参考资料(官网)：https://code.visualstudio.com/ 在 Windows、macOS 和 Linux 上运行的独立源代码编辑器。 JavaScript 和 Web 开发人员的最佳选择，包含大量扩展，几乎支持任何编程语言。 重点：免费! 1. VSCode安装1.1 VSCode获取官网获取：Visual Studio Code - Code Editing. Red

一、引言1.1 jQuery概述 jQuery是一个快速、简洁的JavaScript代码库。jQuery设计的宗旨是“Write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript操作方式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 1.2 jQuery特点 具有独特的链式语法。 支持高效灵活

0. 环境准备0.1 依赖包 + jQuery库 0.2 JDBC 配置文件 + 工具类c3p0.properties 1234c3p0.driverClass=com.mysql.jdbc.Driverc3p0.jdbcUrl=jdbc:mysql://localhost:3306/companydbc3p0.user=rootc3p0.password=123456 JDBCUtils.jav

1. Bootstrap 概述Bootstrap是一个前端框架，由Twitter开发，非常受欢迎。Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。相当于半成品；开发人员基于框架可以进行二次开发，大大的节省开发人员的开发时间。特点： 定义了很多的css样式和js插件，直接可以使用这些样式和插件得到丰富的 页面效果 支持响应式布局

1. 图片随网页大小变化超过屏幕宽度时，缩小，高度等比例缩小，小于屏幕宽度时，显示原图尺寸： 1234img{ height: auto; max-width: 100%;} 始终随容器宽度变化： 1234img{ width: 100%; height: auto;} 2. 网页整体内容居中123456/* 如果居中后还有留白，则可能内部标签是有 p

更好的表单校验：Bootstrap Validator 官网(GitHub)：https://github.com/nghuuphuoc/bootstrapvalidator 官网(jQuery)：https://plugins.jquery.com/bootstrapValidator/ 文档(API)：http://bootstrapvalidator.votintsev.ru/api/

官网：https://echarts.apache.org/zh/index.html 下载：https://echarts.apache.org/zh/builder.html 实例：https://echarts.apache.org/examples/zh/index.html 教程：https://echarts.apache.org/zh/tutorial.html (官网5分钟上手 E

效果图：效果图： 源码 - 初版：123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596