{"id":25900394,"url":"https://github.com/li-vien/ccview","last_synced_at":"2025-03-16T08:07:24.328Z","repository":{"id":192570312,"uuid":"686989263","full_name":"Li-vien/CcView","owner":"Li-vien","description":"react 低代码大屏编辑器。前端：React18 + Nestjs + Mui + Tailwindcss 后台：Nestjs + Mongodb 实现低代码大屏拖拽编辑工具。核心功能：低代码编辑器，json配置化表单、属性栏、组件列表、查询表格、组件模板、页面模板","archived":false,"fork":false,"pushed_at":"2024-09-10T06:23:22.000Z","size":11961,"stargazers_count":76,"open_issues_count":0,"forks_count":14,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-16T08:07:20.115Z","etag":null,"topics":["echarts5","low-code","mongodb","mui-material","muiv5","nestjs","nextjs","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://ccedit.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Li-vien.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-04T11:26:46.000Z","updated_at":"2025-03-10T03:11:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"7352d597-002f-44b5-9768-84e783b61055","html_url":"https://github.com/Li-vien/CcView","commit_stats":null,"previous_names":["cc-edit/ccview","li-vien/ccview"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Li-vien%2FCcView","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Li-vien%2FCcView/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Li-vien%2FCcView/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Li-vien%2FCcView/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Li-vien","download_url":"https://codeload.github.com/Li-vien/CcView/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243841212,"owners_count":20356443,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["echarts5","low-code","mongodb","mui-material","muiv5","nestjs","nextjs","react","tailwindcss"],"created_at":"2025-03-03T02:09:28.436Z","updated_at":"2025-03-16T08:07:24.297Z","avatar_url":"https://github.com/Li-vien.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n|                                      学习讨论小组🍻                                      |   打赏（赠送学习资料：[webNote](https://github.com/Cc-Edit/webNote)） :confetti_ball:    | \n|:----------------------------------------------------------------------------------:|:---------------------------------------------------------------------:| \n| ![CcView.png](https://github.com/Cc-Edit/Cc-Edit/blob/main/public/CcView.png) |     ![img.png](https://github.com/Cc-Edit/Cc-Edit/blob/main/public/img.png)  |\n\n\n\n# CcView\n\n## demo地址\n\u003e https://ccedit.com/\n\n## 版权\n仅限于个人学习使用，不可用于商业用途  \n商用需联系作者购买授权  \n软著登记号：2023SR1434342\n\n## 核心库\n\u003e 组件库以及编辑器使用git subModule的方式集成  \n### 低代码组件库\n[白露 https://github.com/Cc-Edit/CcBailu](https://github.com/Cc-Edit/CcBailu)\n### 后台服务\n[CcServer https://github.com/Cc-Edit/CcServer](https://github.com/Cc-Edit/CcServer)\n\n\n## 本地运行\n\n\u003e $ git clone --recurse-submodules https://github.com/Cc-Edit/CcView.git    \n\n或\n\u003e\n\u003e $ git clone https://github.com/Cc-Edit/CcView.git        \n\u003e $ git submodule update --init   \n\n\n更新所有子模块    \n\u003e $ git submodule update --remote\n\n本地运行：\n\u003e $ yarn install   \n\u003e $ yarn dev\n\n\n## 设计原则\n\n### 数据驱动\n整个应用的核心就是数据驱动，将所有可被抽象的逻辑全部抽象为 jsonSchema   \n整个应用遵守配置化、描述化原则\n\n### JSON to Form 表单描述\n表单的创建与校验，全部集中到配置文件中 [form](src/config/form)  \n登录表单： [LoginForm.ts](src%2Fconfig%2Fform%2FLoginForm.ts)   \n![form-login.png](preview%2Fform-login.png)\n\n应用创建弹窗： [CreateApp.ts](src%2Fconfig%2Fform%2FCreateApp.ts)\n![form1.png](preview%2Fform1.png)\n\n表单回显(用于数据更新)： \n![form-echo.png](preview%2Fform-echo.png)\n\n表单模板(所有基础表单元素示例) [TemplateForm.ts](src%2Fconfig%2Fform%2FTemplateForm.ts)\n![form.png](preview%2Fform.png)\n\n## 预览\n\n#### 登录页面\n\n\u003e 视频透明背景播放  \n![](./preview/login.png)\n\n#### 登录页面-表单校验\n\n![](./preview/login_form.png)\n\n#### 登录页面-全局提示\n\n![](./preview/login_alert.png)\n\n#### 首页\n\n![](./preview/home1.png)\n![](./preview/home2.png)\n![](./preview/home1-w.png)\n![](./preview/home2-w.png)\n\n####  应用列表\n![applist.png](preview%2Fapplist.png)\n![applist1.png](preview%2Fapplist1.png)\n![applist3.png](preview%2Fapplist3.png)\n![applist2.png](preview%2Fapplist2.png)\n\n### 编辑器\n![design.png](preview%2Fdesign.png)\n![design-w.png](preview%2Fdesign-w.png)\n![design-b.png](preview%2Fdesign-b.png)\n![design-p.png](preview%2Fdesign-p.png)\n![design-data.png](preview%2Fdesign-data.png)\n\n#### 404页面\n![](./preview/404.png)\n\n#### 500页面\n![](./preview/500.png)\n\n#### 维护页面\n![](./preview/500-maintain.png)\n\n### 工具类库\n#### 插画与图标 [https://igoutu.cn/](https://igoutu.cn/)\n#### Icons by icons8: [icons8.com](https://icons8.com)\n#### 画板标尺 (基于 react18 翻新 mb-sketch-ruler )： [mb-sketch-ruler](https://github.com/mockingbot/mb-sketch-ruler)\n#### 头像、默认模板背景图：千图网个人商用授权\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fli-vien%2Fccview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fli-vien%2Fccview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fli-vien%2Fccview/lists"}