JavaWeb从入门到进阶(前端工程化)

前后端分离开发:

需求分析---接口定义-----前后端并行开发--------测试前后端联调测试

YAPI

介绍:YApi是高效、易用、功能强大的api管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务
地址:http://yapi.smart-xwork.cn/

添加项目,添加分类,添加接口

前端工程化:

++在企业级的前端项目开发中,把前端开发所需的工具,技术,流程经验等进行规范化,标准化。++

环境准备

介绍:Vue-cli是Vue官方提供的一个脚手架,用于快速生成一个Vue的项目模板。

Vue-cli提供了如下功能:

统一的目录结构

本地调试

热部署

单元测试

集成打包上线

依赖环境:NodejS

Vue项目创建

项目启动

命令行输入:npm run serve

如果报错,可能是这个问题是Windows系统的PowerShell执行策略限制 导致的,非常常见。PowerShell为了防止恶意脚本,默认禁止运行脚本,刚安装的 npm 命令。

  1. 在Windows搜索栏输入"PowerShell"

  2. 右键点击 "Windows PowerShell"或"Windows终端(管理员)"

  3. 选择"以管理员身份运行 "

  4. 在弹出的窗口中粘贴上面的命令并回车

  5. 输入 Y 确认更改

端口配置

项目开发流程

++Vue的组件文件以.vue结尾,每个组件由三个部分组成:<template> <script>、<stvle>++

相关推荐
GreenTea1 小时前
一文搞懂Harness Engineering与Meta-Harness
前端·人工智能·后端
killerbasd3 小时前
牧苏苏传 我不装了 4/7
前端·javascript·vue.js
吴声子夜歌3 小时前
ES6——二进制数组详解
前端·ecmascript·es6
码事漫谈3 小时前
手把手带你部署本地模型,让你Token自由(小白专属)
前端·后端
ZC跨境爬虫3 小时前
【爬虫实战对比】Requests vs Scrapy 笔趣阁小说爬虫,从单线程到高效并发的全方位升级
前端·爬虫·scrapy·html
爱上好庆祝3 小时前
svg图片
前端·css·学习·html·css3
王夏奇4 小时前
python中的__all__ 具体用法
java·前端·python
大家的林语冰4 小时前
《前端周刊》尤大开源 Vite+ 全家桶,前端工业革命启动;尤大爆料 Void 云服务新产品,Vite 进军全栈开发;ECMA 源码映射规范......
前端·javascript·vue.js
jiayong235 小时前
第 8 课:开始引入组合式函数
前端·javascript·学习
田八5 小时前
聊聊AI的发展史,AI的爆发并不是偶然
前端·人工智能·程序员