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

相关推荐
小雨下雨的雨3 小时前
井字棋AI机器人实现详解 - Minimax算法实战-鸿蒙PC Electron框架完成
前端·人工智能·算法·华为·electron·鸿蒙
ZC跨境爬虫6 小时前
跟着 MDN 学JavaScript day_7:数学运算与逻辑判断实战测试
开发语言·前端·javascript·学习·ecmascript
fangdengfu1236 小时前
ES分析系统各个服务日志占用量
java·前端·elasticsearch
JustHappy8 小时前
古法编程秘籍(六):程序到底是怎么跑起来的?从 IO 到中断,一次讲明白
前端·后端·全栈
HYCS8 小时前
用pixi.js实现fabric.js(六):从线性代数的角度理解编辑器交互
前端·javascript·canvas
卷帘依旧9 小时前
useImperativeHandle的作用
前端
卷帘依旧9 小时前
Hooks在Fiber上的存储原理
前端
you45809 小时前
学成在线--day02 CMS前端开发(含Vue基础知识得回顾)
前端·javascript·vue.js
xiaofeichaichai9 小时前
虚拟 DOM
前端·javascript·vue.js