GaryHuang2333 / app-store

angular practice

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

App Store Exam Project

本项目通过最新版 ng-lazyload-starter创建。

本项目配合最新版《Angular大前端基础与实战》教材使用

项目作者

  • Gary Huang Junhong (test)

项目目标

  • 使用最新版Angular实现后台管理示例项目
  • 基于Git及组件式开发规范实现Angular项目最佳实践
  • 兼容性优先原则实现最通用Angular组件库集合

项目分支

  • static 静态分支【纯静态页面】
    • 1.0 包含一个完整的规范的特性模块 student
  • live 动态分支【整合Parse后端】
    • 1.0 包含一个后端数据逻辑完整的特性模块 student

SSR模式注意

  • 不可以使用直接操作DOM的第三方组件
    • 可考虑使用iframe引入相关页面
  • 动态效果可用官方提供的Animations动画库
    • import { NoopAnimationsModule } from '@angular/animations' on the ServerAppModule

参考文档

  • doc/SSR-init.md -> @angular/platform-server服务端渲染模式配置

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|module.

Build for Static (SPA Mode)

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.

Build for Server Render (SSR Mode)

  1. Run ngm run server:build to build the project.

  2. Run ngm run server to run the project.

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. Before running the tests make sure you are serving the app via ng serve.

Contributor

  • CIO Gary, The Author.

Further help

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

About

angular practice


Languages

Language:TypeScript 73.9%Language:HTML 15.1%Language:CSS 8.0%Language:JavaScript 3.0%