后端采用 TSRPC 框架实现 API 接口,前端采用vue-manage-system后台管理系统框架,数据库采用 mongodb。TSRPC 是专为 TypeScript 设计的 RPC 框架,经千万级用户验证。适用于 HTTP API、WebSocket 实时应用、NodeJS 微服务等场景。有兴趣深入了解可以参考TSRPC官方文档。 创建项目 用TSRPC 脚手架快速创建一个项目,会生...
后端采用 TSRPC 框架实现 API 接口,前端采用 vue-manage-system 后台管理系统框架,数据库采用 mongodb。TSRPC 是专为 TypeScript 设计的 RPC 框架,经千万级用户验证。适用于 HTTP API、WebSocket 实时应用、NodeJS 微服务等场景。有兴趣深入了解可以参考 TSRPC官方文档。 创建项目 用TSRPC 脚手架快速创建一个项目...
下载代码覆盖到 frontend 文件夹下,保留 src/client.ts 文件,这是 tsrpc 框架提供给客户端调用后端接口的方法。重装依赖,即可运行起来。 接下来实现一个用户管理的前后端功能。 后端接口 在backend/shared/protocols 下新建一个 users 文件夹,用于定义用户管理的相关接口。在该目录下,新建 db_User.ts 文件,用于定...
通过Main 方法启动后端服务 \ab-spring-boot\ab-spring-boot-app\src\main\java\com\dstz\AbSpringBootApp.java,默认端口为 8080 下载 前端工程 agilebpm-ui ,并在根目录下 执行 命令 yarn install 完成安装后,在 vite.config.ts中修改后台服务地址,如 http://localhost:8080/ 然后执行 npm run dev 启动前...
搭建项目和一些基础的封装准备 # vue3+ts项目搭建和封装(上篇) # vue3+ts项目搭建和封装(下篇) 搭建页面 我是用了vue3+element-plus来搭建的项目,所以登陆也是用了element-plus的el-form组件 页面骨架部分 <template> <el-form :model="user" status...
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total:
在vue3+ts+element-plus 的基础上,实践了一下,将RuoYI前后端分离版本前端重写了一下,产生了RuoYi-Vue3 开源版本。 但是这个版本并不能更好的满足公司技术需求,在RuoYi-Vue3的基础上 加入了qiankun ,改成了微前端的版本。 RuoYi-Vue3仓库地址:https://github.com/RainManGO/RuoYi-Vue3RuoYi-Vue3-qiankun仓库...
2014 年,前 Google 工程师尤雨溪发布了所谓的渐进式(Progressive)前端应用框架 Vue,其简化的模版绑定和组件化思想给当时还是 jQuery 时代的前端领域产生了积极而深远的影响。Vue 的诞生,造福了那些不习惯 TS 或 JSX 语法的前端开发者。而且,Vue 较低的学习门槛,也让初学者非常容易上手。这也是为什么 Vue 能在短...
#后端运行项目 默认端口号为3000 nest start --watch 1. 2. 3. 4. 5. 📦️ 环境打包 生产环境打包 yarn build 1. 🔧 项目配置 后端配置(node_nest/src/utils/config.ts) #进入node_nest/src/utils/config.ts //系统基础设置 export const sysBase = { ...
springboot+vue3+nuxt3+ts+minio开发的dsblog3.0前后端博客 一、技术栈 本博客系统采用了先进且成熟的技术栈,包括Spring Boot 3、Spring Security、Vue 3、Nuxt 3、TypeScript、Vite、MinIO、Redis、Element Plus和Markdown等。这些技术共同协作,确保了博客系统的稳定性、安全性和易用性,为用户提供了优质的内容发布...