开始使用Angular写页面

使用WebStorm：版本2018.3.5

官网资料

资料大部分有中文翻译，很不错

• 速查表：https://www.angular.cn/guide/cheatsheet
• 风格指南：https://www.angular.cn/guide/styleguide
• Angular 词汇表：https://www.angular.cn/guide/glossary
• 路由与导航：https://www.angular.cn/guide/router
• API 列表：https://www.angular.cn/api

项目原型

项目的新建

项目的关闭

WebStorm不支持同时打开两个项目

Webstorm配置eslint.tslint等

解决：IDEA导入svn项目报Can't use Subversion command line client:svn

项目的结构

页面情况

• 登录页：单独页面
• 首页：上面部分固定，下面是单独页面
• 生产管理--托盘管理：上面部分固定，左侧部分固定，右侧内容部分有3个界面：显示，新增，编辑

文件结构

• 文件结构一般是layout文件夹下面，多个模块文件夹，每个文件夹下面多个子文件
• 上面两个导航标签“生产管理”和“追溯管理”本身没有页面，这次就是不单独建文件夹了
• 所以就是layout文件夹下面有“生产管理”的4个文件夹和“追溯管理”的2个文件夹
• 页面有一写公共部分，一直是不变化的，比如头部，侧边栏，底部，，也就是上下左右都有一直不变的公共组件，放在共享文件夹shared下面的component文件夹下面

新建项目

使用“懒加载路由”，参考：路由与导航：https://www.angular.cn/guide/router#routing--navigation

CLI命令

ng generate：https://www.angular.cn/cli/generate

项目的模板

这种后台管理模板太常见了，做项目肯定是不需要自己一点点写的，找个现成的才是高效之路。

当然，之前还是自己学着搭建一下

Ant Design：https://ng.ant.design

路由配置

文档

• 路由器配置：https://www.angular.cn/api/router/Routes

最新文章

1. ssh整合，导入structs包后报错 getAnnotation（AnnotatedElement ae,Class<T> annotatetype）找不到
2. 对部分Java名词的总结
3. Python2.3-原理之语句和语法
4. hdu 2191 多重背包
5. Linux内核分析——操作系统是如何工作的
6. PHP使用feof()函数读文件的方法
7. js删除所有子元素
8. python判断key是否在字典用in不用has_key
9. simple grammer
10. int21 h
11. MySQL 线上配置文件
12. cocos2d-x3.0-结合TH脚本引擎
13. IOS DLNA开发（CyberLink和PlatinumKit）
14. Application.HookMainWindow完全替代了原来的窗口过程（但是好像也会继续传递）
15. Data Mining
16. iOS开发之音频播放AVAudioPlayer 类的介绍
17. 亲测实验，stm32待机模式和停机模式唤醒程序的区别，以及唤醒后程序入口
18. VMware 12 安装 Windows server 2008 系统
19. Go web编程实例
20. 算法实践--最小生成树（Prim算法）

热门文章

1. Windows Management Instrumentation 服务卸载并重新创建
2. mysql 基础sql语句
3. jpa 解决org.hibernate.lazyinitializationexception could not initialize proxy - no session
4. sprintboot 中占位符及多环境配置
5. Elastic Stack-Elasticsearch使用介绍(五)
6. Python--day08（文件操作）
7. 云计算openstack共享组件（2）——Memcache 缓存系统
8. Codeforces Round #545 (Div. 2)-Camp Schedule
9. Smart Indenter for VBE（64bits smart indent addin for VBA Editor），VBA开发必备的智能排版工具。
10. 2019-04-28 Mybatis generator逆向工程生成的Example代码分析