8000 GitHub - Qionline/Qieditor-template: 🔧 QiEditor 的模板开发工具,高效率的模板开发框架。
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Qionline/Qieditor-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Qieditor Template

Qieditor Template

Qieditor Template 是 Qieditor 模版生成器的一套开发解决方案。让前端开发者可以通过几乎和原生开发完全相同的模板开发体验!

查看教程/模板开发

git clone https://github.com/Qionline/Qieditor-template.git
cd ./Qieditor-template
yarn
yarn serve

接下来打开 http://localhost:7707 即可查看该工具的详细使用教程~

生成配置

yarn build

生成的 dist/[filename]-build.json 文件交由运营进行配置即可

文件结构介绍

src 下文件目录结构对应 配置文件

src/css

对应配置文件中的 global.css

src/js

对应配置文件中的 global.js

src/main

对应配置文件中的 main[]

其中文件中的书写格式如下:

<script qi-data></script>中添加变量,变量格式可见qieditor变量文档。如:

<script qi-data>
  return {
    name: "我是主文件",
    params: {
      main1: {
        type: "text",
        title: "主文件1",
        value: "主文件1",
      },
    },
  }
</script>

在此标签下编写正常的html页面即可。变量可通过 <%param%> 的方式调用。

src/components

对应配置文件中的 component[]。文件书写格式同 src/main

src/router.js

以上所有文件需要于 src/router.js 中进行添加才可执行编译/打包

src/config.js

对应配置文件中的 globla 中的其他配置项

About

🔧 QiEditor 的模板开发工具,高效率的模板开发框架。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0