study-ng-user

模块介绍

• 模块项目：study-ng-user
• 模块名称：user
• 模块类名：UserModule
• 模块内容
  • 页面 3个
    • mine 我的页面
    • login 注册页面
    • edit-info 资料编辑页面

安装依赖环境

npm i -S parse
npm i -S @types/parse

复制user模块

• 将src/modules/user整个目录
• 复制到自己项目src/modules/user目录处

根组件加载Parse服务

• 文件 src\app\app.component.ts

  // 根组件顶部引用并初始化Parse服务
  import * as Parse from "parse";
  Parse.initialize("dev");
  (Parse as any).serverURL = 'http://web2023.fmode.cn:9999/parse'
  

通过app根路由加载：用户模块

• 文件：src\app\app-routing.module.ts

• 新增路由内容

  const routes: Routes = [
  // xxx
  {
      path: 'user',
      loadChildren: () => import('../modules/user/user.module').then(m => m.UserModule)
  }
  // xxx
  ]
        
  

通过tabs路由加载：我的页面

• 文件：src\app\tabs\tabs-routing.module.ts

• 新增路由内容

  const routes: Routes = [
  {
  path: 'tabs',
  component: TabsPage,
  children: [
      // xxxxxx
      {
          path: 'tab3',
          loadChildren: () => import('../../modules/user/mine/mine.module').then(mod => mod.MinePageModule)
      }
      // xxxxxx
  ]
  }