2 Star 0 Fork 4

iBizModeling/full-code-vue

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

前言

1. 简介

iBiz前端全代码项目基于iBiz平台产出的模型,采用了模板技术结合Vue全家桶(Vue3、Vite、Element Plus、TSX)来构建。本文档旨在帮助开发人员快速掌握项目的上手流程,并对代码结构进行详细说明,以便提供开发上的指导和支持。随着我们决定将该框架开源,我们热切期望更多有共同理念的伙伴能加入到iBiz前端全代码项目的持续迭代和优化中来。欢迎大家的参与,共同推动iBiz前端全代码项目的发展!

2. 开发环境要求

  • Node.js

  • pnpm

  • Vite

3. 开发技术要求

掌握VueTypeScriptlesshtml等技术。

4. 技术栈

  • 前端MVVM框架:vue.js@3.3.8

  • 路由:vue-router@4.2.5

  • 状态管理:pinia@2.1.7

  • 国际化:vue-i18n@9.5.0

  • UI框架:element-plus@2.4.1

  • 第三方组件:@wangeditor/editor@5.1.23,@wangeditor/editor-for-vue@5.1.12,vue-grid-layout@3.0.0-beta1,@imengyu/vue3-context-menu@1.3.3,vuedraggable@4.1.0

  • 第三方工具库:qs@6.11.2,ramda@0.29.1,qx-util@0.4.8,lodash-es@4.17.21,async-validator@4.2.5

  • 其他:@ibiz-template/core@^0.6.3,@ibiz-template/model-helper@0.6.4,@ibiz-template/runtime@0.6.4,@ibiz-template/theme@^0.6.0,@ibiz-template/vue3-components@0.6.4,@ibiz-template/vue3-util@0.6.4,@ibiz-template/web-theme@^1.1.11"

快速上手

1. 开发环境

在安装使用 pnpm前,务必确认 Node.js 已经升级到版本16+,强烈建议升级至最新版本。 如果你想了解更多 pnpm 工具链的功能和命令,建议访问 pnpm 了解更多。

  • 访问 Node.js ,根据文档安装 Node.js
  • 访问 Pnpm ,根据文档安装 pnpm

以下为 Windows 环境开发正常配置
开发环境信息

2. 安装依赖

打开前端项目,进入工作空间下,执行安装依赖命令。

$ pnpm install

3. 启动

在工作空间下,执行启动命令。

$ pnpm run dev

启动后,访问开发项目。

3. 预览

在工作空间下,执行预览命令。

$ pnpm run preview

启动后,预览开发项目。

4. 打包

在工作空间下,执行打包命令。

$ pnpm run build

打包完成,生成最终交付产物。

成果物结构

|─ ─ app
​    |─ ─ public                                 public文件夹
​        |─ ─ assets                             静态文件夹
​        |─ ─ environments                       环境文件
​        |─ ─ extras                             依赖包文件
​        |─ ─ model                              图标文件
​        |─ ─ cas-login.html                     单点登录
        |─ ─ favicon.ico                        图标
​    |─ ─ src                                    工程文件夹
        |─ ─ components                         基础组件,主要包含编辑器组件和其他全局使用的组件
        |─ ─ guard                              身份验证
        |─ ─ model                              模型加载适配
        |─ ─ publish                            模块名称
            |─ ─ model                          模块名称
​                |─ ─  app                       项目模型
​                |─ ─  code-list                 代码表
​                |─ ─  entities                  实体模型
​                |─ ─  view-config               视图模型
​                |─ ─  view                      视图模型
            |─ ─ pages                          页面组件
​        |─ ─ main.ts                            入口文件
​        |─ ─ user-register.ts                   自定义组件全局注册
​    |─ ─ vite-plugins                           插件模型
        ​|─ ─ package.json                       依赖管理文件
        ​|─ ─ tsconfig.json                      TypeScript 项目的主要配置文件
        ​|─ ─ tsconfig.node.json                 Node.js 环境的 TypeScript 配置文件
​        |─ ─ vite.config.ts                     vite 配置文件

更新日志

每个版本的详细更改都记录在发行说明中。

如何贡献

如果你希望参与贡献,欢迎 Pull Request,或通过自助服务群给我们报告 Bug。

强烈推荐阅读 《提问的智慧》(本指南不提供此项目的实际支持服务!)、《如何向开源社区提问题》《如何有效地报告 Bug》《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。

社区互助

  • 欢迎加入iBizPLM交流QQ群:1067434627

常见问题

1. 启动项目时,出现eslint报错,如何解决?

解决方法: 将vite.config.ts部分代码注释,详见下图。
远程代理地址

MIT License Copyright (c) 2024 iBizLab Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

全新全代码模板项目 展开 收起
README
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/iBizModeling/full-code-vue.git
git@gitee.com:iBizModeling/full-code-vue.git
iBizModeling
full-code-vue
full-code-vue
main

搜索帮助