IEManageSystem 是一个CMS管理系统,使用单页模式,通过
鼠标点击生成页面
与国内的一些CMS不同,想开发其CMS,需要学习其标志语法,这会增加开发人员的负担,而对于不会编程的人员,也无法自定义自己的页面
而开发IE组件,你只需要了解IE组件的设计和React即可
分支 dev1.0_c 为个人开发分支,最新代码会先提交到该分支
以集成个人中心,授权管理,CMS管理
前端源码目录:\src\IEManageSystem.Web\ClientApp
站点是国外的服务器,有点慢
http://iemanagesystem.azurewebsites.net/Account/
账号:admini
密码:123456
冰纹后台管理系统 领域驱动设计实践,前后端分离,认证使用JwtBearer认证,前端可以以多种方式访问后端,项目前端使用浏览器
前端:
ReactJs,react-router 4.0, redux, TypeScript,Css3,BootStrap4,ES6语法, jq,Webpack打包
后端:
asp.net core,abp框架,ORM框架Ef
程序包管理器控制台运行如下命令:
默认项目选择:IEManageSystem.EntityFramewordCore
执行:Update-Database
简单的模块代码:
import React from 'react'
import BaseModule from 'Core/Modules/BaseModule'
import ModuleFactory from 'Core/Modules/ModuleFactory'
import CoreModule from 'Core/Module';
import PageProvider from 'Core/Page/PageProvider'
import Page from 'Core/Page/Page'
// 导出模块
export default class Module extends BaseModule
{
initialize(){
// 注册一个 url
PageProvider.register(new Page("MyModule", "/MyModule", (props) => <p>Hello World</p>));
}
}
// 指定该模块依赖于 CoreModule
new ModuleFactory().register(Module, [
CoreModule
]);
简单的组件代码:
import React from 'react'
import BaseComponentObject from '../BaseStaticComponent';
import ComponentDescribe, {componentType} from '../ComponentDescribe'
// 组件对象
class ComponentObject extends BaseComponentObject {
// 组件
Component(props) {
return <div>我的第一个组件</div>;
}
// 预览框显示的内容
Preview() {
return <p>我的组件:)</p>;
}
}
// 生成一个组件描述
let componentDescribe = new ComponentDescribe(
"MyComponent", // 组件的名称
new ComponentObject(), // 组件对象实例
componentType.other); // 组件的分类
// 导出组件描述
export default componentDescribe;