https://github.com/niu-grandpa/mirai_lc_app
基于Vue+Nodejs+MySql的低代码UI设计平台
https://github.com/niu-grandpa/mirai_lc_app
academic-project graduation-project low-code mirai-design nodejs ui-design vue
Last synced: about 2 months ago
JSON representation
基于Vue+Nodejs+MySql的低代码UI设计平台
- Host: GitHub
- URL: https://github.com/niu-grandpa/mirai_lc_app
- Owner: niu-grandpa
- License: gpl-3.0
- Created: 2024-08-06T12:48:02.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2024-10-24T07:11:59.000Z (6 months ago)
- Last Synced: 2024-10-25T02:54:22.330Z (6 months ago)
- Topics: academic-project, graduation-project, low-code, mirai-design, nodejs, ui-design, vue
- Language: TypeScript
- Homepage:
- Size: 313 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Visual Web Design
一款全新便捷的可视化Web前端界面设计平台，旨在提升产品原型设计的效率与质量。无论是产品经理还是开发者，都能轻松使用此平台快速搭建高质量的用户界面。
> Tip: 项目正处于开发阶段
### 核心功能
快速原型设计：通过直观的拖拽操作，快速构建交互原型，帮助团队在早期阶段更好地验证想法。
丰富组件库：内置多种 Ant Design Vue 组件，满足各种设计需求，助力实现精美的界面布局。
实时预览：即时查看设计效果，确保每个细节都符合预期，提高设计与开发的协同效率。
代码生成：自动生成高质量的 Vue 代码，让开发者可以快速上手，专注于业务逻辑的实现。
### 适用场景
产品原型设计：在初期阶段快速迭代设计思路，收集用户反馈。
UI 组件搭建：为开发者提供一个高效的工具，简化界面搭建过程。
🚀 选择这款前端界面设计平台，开启高效设计的新篇章，让创意与实现无缝对接！
## ✨ 特性
📦 一键导出完整 Vue + Vite + TS + Ant Design Vue 模板项目包
📄 一键导出单个 Vue 或 JSON 源文件
🌐 工作区数据持久化，自动同步至本地与云端
🛠️ 内置丰富 Ant Design Vue 组件，助力可视化开发
📐 可视化拖拽设计中的智能辅助线，轻松对齐元素
📁 直观的UI设计页面文件管理器
🔑 用户Token持久化登录
🚧 待补充，其他特性持续开发中...
## Client 前端源码
技术栈：Rsbuild + Typescript + Vue3 + Vue Router + Pinia + Antd Vue + InteractJs
本地运行
```shell
npm run dev
```
打包构建
```shell
npm run build
```
部署
推荐使用免费的 [Vercel](https://vercel.com/) 自动化部署，它会帮开发者生成对应的https域名网站，省去了繁琐的备案流程
## Server 后端源码
技术栈：NodeJs + Express + MySQL + Typescript
启动本地服务
```shell
npm run dev
```
启动生产环境服务
```shell
npm run serve
```
部署
如果不想购买域名进行备案的话，可以自行搜索如何将服务器地址变为用 https 访问，这样在调用接口时就能使用 https://xxxx，不影响线上运行