scmsmodules

scmsmodules

Usage no npm install needed!

<script type="module">
  import scmsmodules from 'https://cdn.skypack.dev/scmsmodules';
</script>

README

scms-modules

npm npm

Homepage: https://ehdfe.github.io/scms-modules/

简介

scmsmodules 是基于bootstrap、angular1开发的一套后台管理系统UI、模块。是易货嘀前端开发团队在开发SCMS系统中抽取出来的模块,秉着一切皆模块的开发原则,不断完善scmsmodules模块库。

scmsmodules对应的预览平台--scmsmodules-runner npm包,在scmsmodules中已依赖,只须在scmsmodules中启动预览平台服务。

在项目中接入组件

第一步. 在项目中安装scmsmodules包:

npm install scmsmodules --save

第二步. 在项目文件中加载scmsmodules:

import scmsModules from 'scmsmodules';
/*
 *scmsModules返回的是一个Object数据,如:
 *{
 *  ‘pagination/paginationDirective’:paginationDirective
 *  ‘目录结构’:指令函数
  }
*/

第三步. 创建指令(执行指令函数)

两种方式:

一种是:在“angular.module(appName, [..."之后,遍历scmsModules对像, 执行指令函数,把appName传入,如

    let key;
    for (key in scmsModules) {
        scmsModules[key](appName);
    }

还有一种是在依赖时,创建指令。

如何进行开发及预览

下载源码:

    git clone https://github.com/EHDFE/scms-modules.git

安装依赖:

    npm install //或cnpm install

启动预览平台服务:

    npm run server

构建预览平台发布代码:

    git checkout publish
    git merge 你要发布的代码分支
    git push origin publish

开发过程