前端
基础: html, css, JavaScript
JS框架
- jquery
- Angular 模块化
- React 虚拟DOM
- Vue 模块化+虚拟DOM
- Axios 前端通信框架
UI框架
- Ant-Design
- Element-UI
- ice
- iview
- Bootstrap
- AmazeUI
- LayUI
- semanti-UI
后端
后台模板
- x-admin
如何自己写一个网站?
- 有一套自己熟悉的后台模板 x-admin
- 前端界面:用模板,或能通过前端框架自己组合出来一个网站页面(首页,,,,,等等)
- 让网站能够运行
- 数据库
- 数据接口如何对接
- 前后端联调测试
如何学习,研究,看懂 开源项目?
-
GitHub 开源网站上找符合自己需求的项目
找分类(java),看收藏, 看具有价值
-
观察开源项目:
前后端是否分离,前后端分离项目的重点要找到接口的调用关系
是否有数据库
项目用到哪些技术
开发,运行环境 自己是否都有,没有的环境要自己安装 -
下载项目zip(码云下载快),解压,打开项目
前后端分离的项目,前端项目,厚端项目都要下载
-
建立数据库,表,执行SQL语句
-
让项目跑起来
前端跑起来 npm install 下载依赖 要有nodejs环境
后端项目导入(前端运行依赖后端运行) -
分析项目目录结构
只要发现了Swagger,那么先进入Swagger-ui页面,这里是接口调用信息
resources: 配置文件:开发模式,生产模式。修改数据库连接信息
模块
pojo -
启动后端项目
只要发现了Swagger,那么先进入Swagger-ui页面,这里是接口调用信息
- 启动前端项目
- 运行测试接口
> 前端到后端
> 后台到前端
后端项目结构
前端项目结构