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

相关推荐
用户29307509766912 小时前
TypeScript 必考题:Type 与 Interface 全面对比
前端
hunterandroid12 小时前
[鸿蒙从零到一] HarmonyOS 媒体能力实战:图片、音频与视频处理
前端
打呵欠的猫12 小时前
我让 AI 封装了一个 ImageUpload 组件,它设计的 5 层校验链路比我想的周全
前端·ai编程
AlexMaybeBot12 小时前
躺在沙发上开发 Openclaw 的移动端APP
前端·flutter
用户21816970493012 小时前
Flutter(十三)Text Image TextField
前端
程序员黑豆12 小时前
深入解析Java数据类型:基本类型与引用类型的本质区别与实战选择
前端·ai编程·全栈
东方小月13 小时前
从零开发一个 Coding Agent(七):实现纯文本 Agent Loop
前端·人工智能
大家的林语冰13 小时前
👉 尤雨溪再次成立新公司,同时官宣 Pinia 4 正式发布!
前端·javascript·vue.js
浮生望13 小时前
React useRef 深度解析:从DOM操作到Web Worker多线程协作
前端
浮生望13 小时前
React Router v7 实战全景:路由配置、嵌套路由、鉴权守卫与懒加载完整指南
前端