Skip to content

SJYsun/fcpro

 
 

Repository files navigation

Fcexample

这个项目依赖于Angular CLI version 1.6.7脚手架

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

什么是FC

FC是fastcore的简称 1.基于angular5、spring实现前后端分离的开发平台. 2.标准化的路由引擎. 3.强制实施结构化模型-视图-控制器(MVC)框架. 4.强制模块化. 5.标准化的组件、具备数据绑定、可扩展性、整洁 6.采用angular作为前端框架,推荐使用TYPESCRIPT2.2规范编写代码,展现层原子组件采用蚂蚁金服ant design或其扩展产品,把功能组件与业务相结合形成业务组件;所有开发人员通过业务组件化的设计思路开发前端产品;业务组件形成模块,模块独立文件夹,独立项目,独立发布;提供核心模块、工具模块,所有业务模块依赖工具模块,核心模块依赖工具模块及各业务模块,核心模块组合不同业务模块形成不同产品 ##版本请更新至

    
    2018年4月11日14:39 
    请升级fccomponent@0.4.31,新增FcchartModule图表组件,平台首页 
    
    
    2018年4月10日02:39 
    请升级fccomponent@0.4.28,修复组件父类ParentListComponent、ParentEditComponent、ParentDetailComponent;此升级修改了package.json,system模块,angular-cli.json文件; 
    
    
    2018年4月08日10:00 
    请升级fccomponent@0.4.22,增加组件父类ParentListComponent、ParentEditComponent、ParentDetailComponent;分别指代列表组件父类、表单编辑父类、表单详情父类
    此次升级完成对图表组件的完善。此升级修改了package.json,system模块,angular-cli.json文件; 
    
    
    2018年3月30日10:00 
    请升级fccomponent@0.4.19    
    本次升级整合fccore.未来升级只想要升级fccomponent项目。fccore的升级跟随fccomponent。   
    
    
    2018年3月27日19:55 
    请升级fccomponent@0.4.15    
    1、fc-tag组件,完成标记组件开发
    2、fccomponent提示警告异常修复
    请升级fccore@0.5.2版本
    1、增加对批量数据提交的支持
    2、增加对参数的url转码支持
    3、增加核心对全局提示消息的支持,请使用msgService.message(success,info,error,warn)消息提示
    请升级后端服务
    1、增加后端对数据提交的支持
    2、修复后端响应信息的bug。    
    
    
    2018年3月23日19:55 
    请升级fccomponent@0.4.10    
    1、fc-text联想输入
    2、图标组件fc-icon的开发完成    
    
    
    2018年3月19日19:55 
    平台升级至fcexample@1.1.12
    1、sample中去掉fcDefaultValue属性
    请升级fccomponent@0.4.8    
    1、修复是否为必填写反的问题
    2、去掉fcDefaultValue属性,使用ngmodel实现双向数据绑定输入性组件;
    注:fccore下一版本将对提交进行升级;后端代码将下一个版本升级。产品线需要更新maincontroller代码及server.jar代码。
    
    
    2018年3月18日18:55 
    平台升级至fcexample@1.1.11
    1、增加对路由复用的支持
    请升级fccomponent@0.4.6
    1、升级到fccore@0.4.1
    请升级fccore@0.4.1
    1、针对数字类型字典名称匹配字典编码的字符类型不一致导致无法出现下拉列问题的修复。
    
    
    2018年3月18日11:55 
    平台升级至fcexample@1.1.10
    1、平台多tab页点击,关闭异常;
    2、废除所有系统共用一个首页,采用各项目独立默认首页,各产品线需要增加home组件; 
    请升级fccomponent@0.4.4 
    1、修复tab页报diabled异常
    2、增加查询条件默认展开及授权的功能
    
    
    2018年3月15日
    please npm install fccomponent@0.4.3 --save 
    增加对下拉等数据字典等组件加入fcCondition条件,类型为字符串,此字符串需要转json对象,请注意格式
    
    
    2018年3月15日
    please npm install fccomponent@0.4.1 --save 
    增加对菜单选中和第一级展开的双向数据绑定
    
    
    please npm install fccomponent@0.4.0 --save 
    fc-combo fc-any fc-chosen fc-many等组件静态字典无法显示bug
    增加fc-list组件  fcAppid参数 fcOption="{field:{FIELDCODE:''},data:[],buttons:[]}" 其中field是Sysappfields类型,buttons是Sysappbuttons类型 fcEvent获取事件
    
    
    please npm install fccomponent@0.3.0 --save 
    fc-combo fc-any fc-chosen fc-many等组件静态字典无法显示bug
    增加fc-table组件   
    
    
    please npm install fccomponent@0.2.38 --save 
    fc-combo fc-any fc-chosen fc-many等支持自定义元数据    
    please npm install fccore@0.4.0 --save
    增加对参照字典的支持
    
    
    平台升级至fcexample@1.1.4
    please npm install fccomponent@0.2.37 --save 
    修改列表选中没有数据的bug
    
    
    平台升级至fcexample@1.1.4
    please npm install fccomponent@0.2.34 --save 
    对查询条件的兼容,提供默认的searchObj属性,search()方法
    
    
    平台升级至fcexample@1.1.4
    平台增加对多tab页缓存的支持,修改列表组件高度的设置
    
    
    please npm install fccomponent@0.2.29 --save 
    修复组件皮肤,修复列表组件100%高度异常
    please npm install fccore@0.3.11 --save
    
    
    please npm install fccomponent@0.2.28 --save 
    (皮肤默认为蓝色,列表组件100%高度,增加对tree是否是末级的支持)
    please npm install fccore@0.3.11 --save
    
    
    please npm install fccomponent@0.2.27 --save 
    修复列表查询组件及表单组件无法显示bug
    增加基础组件的自定义lable及支持自定义fcAppId及fcFieldCode
    please npm install fccore@0.3.11 --save
    

开发步骤


1.nodejs环境搭建后,查看node版本node -v    npm -v
2.git环境搭建,操作步骤:
   提交代码git add . 
   保存代码git commit  
   更新代码git pull origin dev 
   提交代码 git   push origin dev
3.Angular Cli环境搭建:https://github.com/angular/angular-cli
   -npm install -g typescript             
   npm install -g @angular/cli
4.安装淘宝镜像 npm install -g cnpm --registry=http://registry.npm.taobao.org
5.vscode工具安装,集成了很多插件,内置git命令,通过编辑器提交代码。
6.注册GitHub账号,克隆安装fcexample项目,遇到平台相关的问题在fcexample的Issues中搜索、提出问题,建立平台知识库。
7.angular的模块 
8.安装淘宝镜像 npm install -g cnpm --registry=http://registry.npm.taobao.org
9.vscode工具安装,集成了很多插件,内置git命令,通过编辑器提交代码。
10.命令行执行 git clone https://github.com/panlihai/fcexample.git 克隆安装fcexample项目,遇到平台相关的问题在fcexample的Issues中搜索、提出问题,建立平台知识库。

开发计划

-这是平台的组件清单

    
    
平台组件设计清单
序号 类型 序号 组件 已开发 是否完成 预计工作量(天/人) 实际工作量 预计完成时间 实际完成时间 负责人 备注
1 基础组件 1 标题
2 回到顶部
3 图标
4 分隔
5 按钮
6 开关
7 日期
8 日期时间
9 时间
10 文本框
11 数值
12 整数
13 大文本框
14 富文本框
15 单选
16 多选
17 单选下拉
18 多选下拉
19 自定义下拉单选
20 自定义下拉多选
21 上传
22 树控件
23 表单
24 详情
25 折叠
26 头像
27 徽标
28 日历
29 评分
30 时间轴
31 气泡
32 快速定位
33 轮播图
2 列表 1 查询树列表
2 自定义列表
3 数据列表
4 编辑列表
5 自定义树列表
6 查询列表
7 编辑列表
3 查询选择 1 查询选择列表
2 查询选择树及列表
3 查询选择树
4 模态框 1 询问
2 警告
3 消息
4 成功
5 错误
6 表单
7 列表
8 左树及列表
5 布局 1 分组
2 横向
3 纵向
4 门户
6 消息提示 5 警告
6 成功
7 信息
8 错误
7 加载 9 圆圈
10 百分比
11 横条
8 选项卡 12 父选项卡
13 子选项卡
9 工具栏 1 列表
2 子列表
3 表单
4 下拉
表单验证 5 必填
6 最长
7 自定义
10 导航 1 菜单
2 选项卡
3 侧边栏
4 下拉
5 路径
6 导航栏
7 步骤
11 图表 1 饼图
2 柱状图
3 折线图
12 查询 1 全文查询
2 列表查询
3 快速查询
4 高级查询
13 主题皮肤 1 window风格
2 默认
3 蓝色
4 暗黑
5 material风格
6 bootstrap主题
7 桌面工具
14 平台组件 1 元数据
2 软件产品
3 消息组件
4 数据字典
5 参照字典
6 登录
7 注册
8 忘记密码
9 角色
10 授权
11 用户

代码规范

-1.命名规范:
   模块命名:英文名称作为文件夹名称;
    Directive命名:英文名称+.directive.ts作为名称;
    Pipe命名:英文名称+.pipe.ts作为名称;
    Service命名:资源名称+.service.ts与component保持前缀一致;
    组件Component命名:后端资源名称+.component.ts作为名称;
    组件内部的View视图命名:后端资源名称+.component.html;
    组件内部的View视图样式命名:后端资源名称+.component.scss;
    方法命名:动词,保存(save)、删除(delete)、修改(modify)
    路由名称: 资源名称加动词,如:userLogin
-2.模块规范
模块由业务组件构成,业务模块依赖工具模块,工具模块提供公共服务如http请求、缓存、消息、日志、用户服务、工具、元数据等服务,模块独立编写内部服务,内部服务通过工具服务类请求后端资源;
模块通过index.module.ts对外暴露模块,index.module.ts整合内部各业务组件及内部服务;index.components.ts对外暴露结构;
各模块有directives,services,components,pipes,config文件夹组成;directives统一存放本模块的指令(扩展属性);services统一存放本模块提供的服务,每个component组件提供一个服务类;components存放本模块的所有业务组件,每个组件一个文件夹,其包含本组件的类、视图,样式等文件;pipes存放本模块的所有视图内容管道工具;config存放本模块的配置文件,包含配置路由表。
-3.组件规范
各组件必须注入组件本身服务mainService、providersService;providersService包含log.service、cache.service、message.service、common.service、app.service、user.service;除这些服务之外不再注入其它服务;其它服务统一由组件本身服务依赖。组件继承工具服务模块的parent.component.ts类,父类提供对该资源表单及列表等公共方法,包含增删改查、导入、导出、获取资源的参照字典,静态字典,实时推送消息等
-4.整体编码规范
所有类名需注释,标记@description {描述};@author {作者};
所有方法需注释,标记@description {描述};@param {参数名称:类型};@return {返回值:类型};
核心代码需注释:保持3行代码一个行内注释的方式;
避免出现function方法,应采用箭头表单式;
方法之间保留一行空格;
方法名称后面的大括号保持与方法名称一行内
  

About

fastcore

Resources

License

Contributing

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • HTML 53.0%
  • TypeScript 31.4%
  • CSS 9.6%
  • JavaScript 6.0%