/news-web

🎉基于 Angular、ng-zorro 开发的新闻舆情研判系统！ 前台包含首页数据可视化、新闻检索、舆情事件、数据简报、统计分析、系统权限配置、主题配置等模块。

Primary LanguageTypeScript

news-web

🎉基于 Angular、ng-zorro 开发的新闻舆情研判系统！ 前台包含首页数据可视化、新闻检索、舆情事件、数据简报、统计分析、系统权限配置、主题配置等模块。

快速启动

# 克隆项目代码，并确定所需环境已安装正确
npm install         # 还原包文件
npm start           # 启动项目完成后，浏览器导航至：http://localhost:4200

开发工具推荐：VS Code
推荐安装插件：NG-ZORRO、 Beautify css/sass/scss/less、 Debugger for Chrome、 TSLint、 GitLens

项目预览

环境准备

1. 安装 Node.js

运行命令： node -v 查看版本，要求 10.x 以上。
运行命令： npm -v 查看版本，要求 6.x 以上。

2. 设置淘宝的镜像

运行命令：npm config set registry https://registry.npm.taobao.org ，如需还原，运行命令：npm config set registry https://registry.npmjs.org。

3. 安装全局 Angular cli

运行命令：npm install -g @angular/cli，如需卸载，运行命令：npm uninstall -g @angular/cli。

4. 安装 node sass 所需构建环境 (以下方式二选一即可)

5. 内部权限安装

运行命令：npm i k-admin-tools-lib --registry http://192.168.0.140:4873/ --save

方式一

配置 SASS_BINARY_SITE 的地址，运行命令：npm config set SASS_BINARY_SITE https://npm.taobao.org/mirrors/node-sass

方式二

(1). 安装 python 2.x 版本
(2). 安装 windows 构建工具，运行命令：npm install -g windows-build-tools

启动项目

运行命令：ng serve (默认为 dev 环境)， 浏览器导航到：http://localhost:4200/，如果您更改任文件，应用程序将自动新加重载。

项目结构说明

├── _mock                                       # Mock 数据规则
├── src
│   ├── app
│   │   ├── core                                # 核心模块
│   │   │   ├── auth                            # 认证模块
│   │   │   ├── net
│   │   │   │   └── default.interceptor.ts      # 默认HTTP拦截器
│   │   │   ├── settings                        # 项目基础服务
│   │   │   ├── startup
│   │   │   │   ├── startup.factory.ts          # 启动服务
│   │   │   │   └── startup.service.ts          # 初始化项目配置
│   │   │   └── core.module.ts                  # 核心模块文件
│   │   ├── layout                              # 通用布局
│   │   │   ├── default                         # 默认布局
│   │   │   └── fullscreen                      # 全屏布局
│   │   ├── pages
│   │   │   ├── module-name                     # 业务模块目录
│   │   │   │   ├── page-name                   # 业务模块中页面目录
│   │   │   │   │   ├── components              # 业务模块中页面子组件
│   │   │   │   │   └── **                      # 业务模块中页面组件
│   │   │   │   └── *-routing.module.tsx        # 模块路由(导航至各个页面)
│   │   │   ├── pages.module.ts                 # 业务路由模块
│   │   │   └── pages-routing.module.ts         # 业务路由注册口
│   │   ├── services
│   │   │   └── module-name                     # 业务模块目录
│   │   │       └── service-name                # 业务模块中API服务目录
│   │   │           ├── models                  # 业务模块中模型
│   │   │           ├── enums                   # 业务模块中枚举
│   │   │           └── **.service.ts           # 业务模块中API服务
│   │   ├── shared                              # 共享模块
│   │   │   ├── consts                          # 公用常量
│   │   │   ├── models                          # 公用模型
│   │   │   ├── components
│   │   │   │   └── **                          # 公用组件
│   │   │   └── shared.module.ts                # 共享模块文件
│   │   ├── app.component.ts                    # 根组件
│   │   └── app.module.ts                       # 根模块
│   ├── assets                                  # 本地静态资源
│   ├── environments                            # 环境变量配置
│   ├── styles                                  # 样式目录
└── └── style.less                              # 样式引导入口

代码脚手架

运行 ng generate component component-name 生成新组件。

您还可以使用ng generate directive | pipe | service | class | guard | interface | enum | module。

可选参数如下：

--spec=false 不生产单元测试文件
--module=module-name 加入到指定的模块

构建

运行 ng build 来构建项目。 构建工件将存储在 dist/ 目录中。 使用 --prod 标志进行生产构建。

运行代码检查

运行 ng lint 来检查代码规范。

运行单元测试

运行 ng test 以通过 Karma 执行单元测试。

运行端到端测试

运行 ng e2e 以通过 Protractor 执行端到端测试。

更多帮助

要获得 Angular CLI 的更多帮助，请使用 ng help 或查看 Angular CLI README 。

环境配置常见错误及解决方案

1. 发生错误：gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.

需要安装 python 2.x 版本

2. 发的工具生错误：MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用版本为 “4.0”

打开【控制面板】——【程序】——【启用或关闭 windows 功能】—— 勾选低版本的 .net

3. MSBUILD : error MSB3428: 未能加载 Visual C++ 组件"VCBuild.exe"

需要通过命令行安装：npm install -g windows-build-tools