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

相关推荐
其实防守也摸鱼6 分钟前
Codex 下载与本地部署实战指南
linux·服务器·前端·数据库·算法·ai
苏渡苇20 分钟前
从零搭建 Vue 3 工程化项目:Vite + TypeScript + Pinia + Element Plus 实战
前端·vue.js·typescript
CallFay云起未来24 分钟前
2026年AI客服能不能减少人工回复?从知识检索到人机协同的技术实现
java·大数据·前端·人工智能·架构·文心一言
IT_陈寒26 分钟前
一文搞懂SpringBoot的核心概念
前端·人工智能·后端
棉猴37 分钟前
玩游戏学Python12-布尔型与条件语句
java·前端·python·玩游戏·游戏编程·pgzero
java_nnnn41 分钟前
Spring Web MVC 入门:从一个 URL 到 Java 后端完整处理请求
java·前端·spring boot·spring
丨白色风车丨1 小时前
LangChain Agent 从入门到实战:创建与调用参数全解析
前端·python·langchain
Jmyd01239 小时前
Web端3D营销展厅技术实现路径:从素材上云到线索回流的数据链路
前端·3d·性能优化·三维数字化
砚凝霜9 小时前
【软考信息安全】第二十二章 Web服务器安全分析与增强——Apache与IIS
服务器·前端·安全
u01110267511 小时前
JPG、PNG、WebP 怎么选?按透明度、体积和使用场景做判断
前端·javascript·vue.js·图像处理·ai作画