Awesome
Angular范例集
这是一个基于angular的界面元素范例程序,基于bootstrap 3框架,优先使用内置指令来完成。 其目标是做一个类似smartclient等控件包的showcase程序,展示angular的能力,同时作为精简的备查字典。
当前进展:刚刚开始。
在线预览:http://www.ngnice.com/showcase/
注意:
- clone下去之后,请先确保有node环境,然后执行npm install和bower install命令,以便对grunt环境进行初始化。 之后就可以用grunt serve来启动服务器进行查看和调试了。
- 如果使用windows系统,请务必在提交更改前用下列命令配置git: git config core.autocrlf input 我们统一使用unix的行结尾风格提交,以免出现不必要的修改。
- 建议修改前先调用git pull --rebase拉取一下远端代码,以免出现不必要的冲突。
- 请把所有文件中的缩进都设置为2空格,以免出现不必要的修改。
- 如果要参与开发,请先看看本项目的wiki,我会把一些开发中的注意事项随时放在里面。
总体原则
- 参照smartclient的demo实现
- 优先使用内置指令实现,除非能证明有显著优势,否则不要封装自定义指令
- 候选方案顺序 内置指令 > filter > service > 自定义指令
- 任何会修改数据的操作均通过ng-model完成
- css框架统一使用bootstrap 3
- 复杂的控件尽量用封装适当的jquery控件或bootstrap控件的方式进行,但是不要依赖jquery-ui
- 如果有可以实现此功能的成熟的第三方指令,可以直接使用它并链接到它的开发页和demo页。注意,这里使用的第三方指令必须是足够成熟、友好的。
组织方式
- 通过issue进行沟通
- 可以通过把issue assign给自己的方式主动认领任务
- 在对程序有一定程度理解的基础上,可以自行调整菜单甚至代码结构。如果觉得不是很有把握,请在群里提出讨论。
- 定期review,对功能规划进行审议,可能会进行菜单调整或功能合并。但不会因为把某人实现的功能移出菜单而将其移出贡献列表。
分工
- 构建基于github的CI环境,并支持自动发布
- 开发一个界面框架,能让访客体验操作并现场查看源码,仿smartclient的demo
- 所有人均可报名参加用户化测试
- 产品组负责把关filter/directive等界面元素的描述性,并纠正命名不当等问题
- 多语言组负责开发多语言界面
目标
- 基本输入指令
- grid
- tree
- 表单及校验
- 对话框
- 综合demo
其他目标可在开发过程中增补