当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

ng-deerway

鹿途后台管理系统
授权协议 Readme
开发语言 JavaScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 不详
投 递 者 那昊
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

鹿途后台管理系统

基于Ant Design实现的Angular、Vue通用后台设计框架

Live 鹿途后台管理系统

项目操作表格功能时,数据变动请关注console

准备工作

  • 安装 angular 环境
  • 安装 ng-zorro 依赖

项目资源

模版

Live 智慧牧场

Angular6基础框架

文档

博客园——鹿途

基于qrious生成二维码

关于开发环境与生产环境跨域

实现鹿途系统在线演示功能的方法

项目说明

开始

创建项目

ng new ng-deerway --style less

cd ng-deerway

初始化配置

ng add ng-zorro-antd

安装组件

npm install ng-zorro-antd --save

运行

ng s -c [environment] --port [port]

快捷指令

快速生成模块

ng g m [保存位置]/modelName

快速生成组件

ng g c [保存位置]/componentName

快速生产服务

ng g s [保存位置]/serviceName

快速生产管道

ng g pipe [保存位置]/pipeName

项目引用

地图:maps

图表:echarts

用户认证:@delon/auth

项目框架:ng-zorro

项目结构

  • core ng-zorro组件二次封装 通用服务、管道以及通用验证
  • layout 通用模版
  • routes 项目主体内容
  • shared 导入导出项目公用的引用
  • styles 通用样式
  • assets 静态资源(图片与图标)

ng-zorro组件二次封装(app/shared/meta)

  • 基础表格组件 dw-table
  • 通用时间组件 dw-date-picker
  • 通用搜索组件 dw-search
  • 信息模态框 dw-info-model
  • 分页组件 dw-pagination
  • 动态表格组件 dw-table-dynamic

部署

1、打包

ng build --prod

2、配置WEB服务服务器

nginx

3、推送资源

scp -r 打包后文件路径 root@服务器IP地址:/root/www

4、域名解析,发布完成

  •  升级命令 npm i ng-zorro-antd   ng add ng-zorro-antd   ng-zorro-antd 1.8+的版本图标使用方法存在差异,我们需要按照新的标准对项目的图标进行调整,命令如下   ng g ng-zorro-antd:fix-icon   调整后建议重新启动程序,如果还存在图标不能正常的情况,可以按照新的标准有针对性的修改。   项目github地址:ht

  • 为什么要配置多个环境变量?因为在实际的开发中,可能存在开发、测试或者正式多个环境变量,我们希望以一种输入不同的参数来切换不同环境的工作模式,所以需要配置多个环境变量。 环境变量配置在environments文件下,默认情况下存在environment.prod.ts和environment.ts两个文件,environment.prod.ts文件中的参数production是true,enviro

  •   上一节我们已经搭建好项目的基本骨架,现在我们就来对项目的整体结构进行规划,项目结构规划每个人每个公司都有不同的方式,我们不去论好坏还是是否合理,只要你当前觉得它是最好的实现就好,不过我还是建议去参考优秀项目的规划方式。 ____________________________________________________   2018年11月23日更新:    关于项目结构部分会有所调整,最

  • ng-bind和ng-model的区别 AngularJS的数据绑定有ng-bind和ng-model,一般用于如下: <input ng-model="object.xxx"> <span ng-bind="object.xxx"></span> ng-bind是单向绑定,由作用于$scope到view层,且在HTML控件(HTML控件有:input、select、button和textarea

  • ng-view指令用来设置将被路由管理和放置在HTML中的视图的位置。

  • ng-route模块 由于angular把ngRoute模块从核心代码中抽离出来形成一个独立的模块,所以使用的时候要另外添加ng-route模块 //引入angular-route.min.js <script type="text/javascript" src="../angular.min.js"></script> <script type="text/javascript" src=".

  • 本文翻译自:What is the equivalent of ngShow and ngHide in Angular 2+? I have a number of elements that I want to be visible under certain conditions. 在某些条件下,我希望看到一些元素。 In AngularJS I would write 在AngularJS

  • 在 angular2 里,我们介绍了一个新概念叫"structural directives",用来描述那些根据表达式在 DOM 上或增加、或删除元素的指令。和其他指令不同,"structural directive"要么作用在template tag上、 要么配合template attribute使用、要么前缀"*"作为简写语法糖。因为这个新语法特性,初学者常常犯错。 你能分辨出来以下错误么?

  • AngularJS 开发移动端页面,制作移动端页面肯定是离不开,touchstart , touchmove , touchend 这些动作,但是AngularJS 提供的ng-touch 模块并不是ngtouchstart 这种触屏事件,使点击延迟了,所以今天介绍的是由 国外人员写的另一个ng-touch ,实现移动端的touchstart,touchmove,touchend 这些事件使用方式

  • 学习资源推荐: https://blog.csdn.net/qq_42813491/article/details/90213353 简单比较 共同点: 都是判断性的指令,里边可以是简单的表达式,返回结果是布尔类型的值 不同点: ng-show是css层面的元素显示与隐藏,不会引发浏览器的回流,仅仅是视图的重绘; 相反的,ng-if是dom层面的上下树,不仅仅是视图的重绘,还会引发浏览器的回流,所

  • /**  * name: public.Echart  * date: 2017-5-24  */ function isEmpty(value) {     return angular.isUndefined(value) || value === '' || value === null || value !== value; } define(['publicMax'], function

  • ngApp 使用这个指令自动启动一个AngularJS应用。ngApp指令指定了应用程序的根节点,通常会将ngApp放置在网页的根节点如或标签的。 格式:ng-app=”value” value:当前应用程序模块的名称。 使用代码: 需要注意的是:1.3版本以前的是可以不设置值的,1.3只后就是必需的了,而且该模块还得被定义,网上很多部分的教程是1.3版本之前的,所以大家在用的时候注意下版本问题。

  • ngStrictDi主要是讲angular依赖注入的写法问题,如果写法不规范,可能会在加载压缩版Angular的时候导致Unknown provider的错误。 var app = angular.module('ngAppStrictDemo', []); 1. 不规范写法 app.controller('BadController', function($scope) { $scope

 相关资料
  • 概要设计 1、创建、发送、停止同步任务; 2、创建、抓取同步工作节点; 3、抓取、整合节点统计数据与实时数据并做页面展示; 4、抓取、整合任务统计数据与实施数据并做页面展示; 5、抓取告警日志并做页面展示; 6、收集、整合数据推送到中间件。 名词须知 数据源:数据存储位置,现启用kafka、jdbc、canal三种类型; 数据表组:

  • RBAC - YII2权限管理 开源协议 GPL 注意事项 严禁使用本软件从事任何非法活动 安装步骤 复制install目录下的dev文件至config目录下 修改dev目录下的db.php中的数据库配置 数据库导入SQL脚本,对应的脚本install目录下 默认密码:ranko/admin 后台地址:index.php?r=site/login 使用事项 starter/filter/Backe

  • moa2-frontend 前后端分离 shop-server 3000 shop-admin 3010 nginx 8000 即3010 /api 即3000 worker_processes 1; error_log logs/error.log; error_log logs/error.log notice; error_log logs/error.log info; p

  • 主要内容:选择合适的网站,CMS平台在本章中,我们将首先讨论如何为您的网站做出正确的选择,以及为网站选择哪个内容管理系统(CMS)平台。 选择合适的网站 让我们通过问自己几个问题来理解这一点,然后详细讨论这个概念。 问题1 - 你要花多少钱? 回答 - 这是与预算直接相关的主要问题之一。 如果你的预算很低,那么应该考虑一些非商业性的,而不是太复杂。 问题2 - 需要多少时间来计划维护? 回答 - 如果要发布很多优惠报价,最好有一个博

  • Flarum 管理面板是一个用户友好的论坛管理界面。 它只对「管理」组 的用户开放。 要进入管理界面,只需点击屏幕右上方您的 用户名, 选择 后台管理 即可。

  • 应用管理后台 PDF版下载 可以为第三方应用设置一个管理后台,对第三方应用做一些必要的管理设置,可以按照如下步骤操作: 设置应用管理后台地址 第三方服务商在应用详情为第三方应用设置“管理后台主页” 企业管理员进入应用后台 管理员点击应用中的“进入管理后台”跳转到第三方服务商的“管理后台主页”链接,点击跳转到管理后台之后,服务商的管理后台可以得到授权码和过期时间,用于获取访问的管理员身份: 获取访问