surmon-china / angular-admin Goto Github PK

View Code? Open in Web Editor NEW

353.0 28.0 117.0 93.23 MB

🔏 Admin client for surmon.me blog powered by @angular and Bootstrap4

License: MIT License

JavaScript 1.37% TypeScript 43.46% HTML 38.42% Shell 0.09% SCSS 16.65%

ng2 admin-dashboard blog bootstrap4 promise codemirror admin-template ng4 angular4 angular2-jwt

angular-admin's Introduction

DEPRECATED‼️

👉 The new admin project veact-admin

此项目已废弃，请关注 veact-admin

Angular Admin

Admin client for surmon.me blog, powered by Angular and Bootstrap4.

适用于 surmon.me 管理员后台的前端应用，使用 Angular 和 Bootstrap4 进行开发。

The project forked from ng2-admin. 项目原始来自 ng2-admin。

其他相关项目：

RESTful API service: nodepress powered by nestjs
web client for user: surmon.me powered by Vue (3)
native app client: surmon.me.native powered by react-native

更新记录：CHANGELOG.md

Screenshot

Development setup

# install dependencies
yarn

# serve with hot reload at localhost:4200 
yarn dev

# lint
yarn lint

# test
yarn test
yarn e2e

# build
yarn build

# CD (local build)
yarn local:build:tar
# CD (remote deploy)
yarn local:deploy

Actions setup

Rule:

any PR open → CI:Build test
master PR close & merged → CI:Deploy to server

Example:

local:develop(local:build:tar) → remote:develop → CI:Build test
remote:develop/master → remote:master → merged → CI:Deploy to server

angular-admin's People

Contributors

Stargazers

Watchers

Forkers

lzm420241 foreverzmy caixudong1223 ithanshui tinyking yangyuan02 linjisong myleon xifengxx jacobdong xchit mt0803 smile2014 drlf macqu-org caize aohuichina angular2-case caob1234 lrcchuan2016 lin0244 xuxingyin vincentwenforme elselin xiaohuidong99 junnan525060 diexue wwdgit songshubing aaaasssdd clerkkent grougchar force0908 edenwoo vikibeta forging2012 lrjxhchina sargull halleyli zhang1998 shankesgk2 fork-from-others ghuabj karin001 suojingxi kscm0308745 wangxuesgithub winken168 zengnaxianlin zartan666 qccs best-repos alsosweet wadrn dxlani tt-52101 walker-design wolzche zhangyu0414 darkfunct xiongdg shawn0919 likedreamlin htshin sjl421 sangskf viching jsrj78 shishengh5 maneng wechain sqqlyd rainygoblin danmingyang lab-estudo deeperlying lucianing yxy199399 hsqcoollaughing clansofts zhezzz maclowbe manunoly terry-ice zeroyou sweet-corn bytesniffer lvet-community andresfcc baisheng sunny728 hhy5277 chorylee youmeng-me zhytang truongluu chaiready lesphinx rccoder chenxixian

angular-admin's Issues

NgModule metadata found for 'CustmoerModule'.

我新增加了一个CustomerModule，文件列表如下：

customer.routing.ts 文件内容如下：
import { Routes, RouterModule } from '@angular/router';
import { CustomersComponent } from '../pages/customers/customers.component';

// noinspection TypeScriptValidateTypes
const routes: Routes = [
{
path: '',
component: CustomersComponent
}
];

export const routing = RouterModule.forChild(routes);

customers.module.ts文件内容如下：
import { CustomersComponent } from '../pages/customers/customers.component';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgaModule } from '../theme/nga.module';
import { PaginationModule, BsDropdownModule, ModalModule } from 'ngx-bootstrap';

import { routing } from '../routes/customer.routing';
import { CustomerService } from '../services/api/customer/customer.service';

@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
NgaModule,
PaginationModule.forRoot(),
BsDropdownModule.forRoot(),
ModalModule.forRoot(),
routing
],
providers: [
CustomerService
],
declarations: [
CustomersComponent
]
})
export class CustomerModule {}

pages.routing.ts文件内容如下：
import { Routes, RouterModule } from '@angular/router';
import { Pages } from './pages.component';
const routes: Routes = [
{ path: 'auth', loadChildren: () => System.import('./auth/auth.module') },
{ path: '',
component: Pages,
children: [
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
{ path: 'customer', loadChildren: () => System.import('../modules/customers.module') },
{ path: 'dashboard', loadChildren: () => System.import('./dashboard/dashboard.module') },
{ path: 'announcement', loadChildren: () => System.import('./announcement/announcement.module') },
{ path: 'article', loadChildren: () => System.import('./article/article.module') },
{ path: 'comment', loadChildren: () => System.import('./comment/comment.module') },
{ path: 'options', loadChildren: () => System.import('./options/options.module') },
{ path: 'linux', loadChildren: () => System.import('./linux/linux.module') },
{ path: 'auth', loadChildren: () => System.import('./auth/auth.module') },
{ path: 'demo',
children: [
{ path: 'ui', loadChildren: () => System.import('./demo/ui/ui.module') },
{ path: 'forms', loadChildren: () => System.import('./demo/forms/forms.module') },
{ path: 'tables', loadChildren: () => System.import('./demo/tables/tables.module') }
]
}
]
}
];

pages.menus.ts中的children节点增加一项：
{
path: 'customer',
data: {
menu: {
title: '客户',
icon: 'ion-radio-waves',
selected: false,
expanded: false,
order: 2,
}
}
},

重新编译以后，在地址栏输入/customer就在浏览器控制台输出错误：
NgModule metadata found for 'CustmoerModule'.
请问怎么解决这个问题呢？

报错 No provider for NotificationsService!

报错堆栈：
No provider for NotificationsService!
at NoProviderError.BaseError [as constructor] (http://localhost:6699/vendor.bundle.js:33938:34)
at NoProviderError.AbstractProviderError [as constructor] (http://localhost:6699/vendor.bundle.js:32012:16)

另外，哥们，你拿别人的东西来做扩展做自己的东西没问题，至少要标注一下这套系统的来源吧。
https://akveo.github.io/ng2-admin/

ERR! code ELIFECYCLE

我的环境是centos 7,npm 7.8.0.
当我执行 npm run build:prod 时，报下列错误，不知道是什么原因,麻烦作者您给点思路，非常感谢。
Module '"/opt/angular2/ng2/angular-admin/node_modules/ng2-bootstrap/index"' has no exported member 'DropdownModule'.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] webpack: webpack --progress --profile --bail "--config" "config/webpack.prod.js"
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] webpack script 'webpack --progress --profile --bail "--config" "config/webpack.prod.js"'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack --progress --profile --bail "--config" "config/webpack.prod.js"
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular-admin
npm ERR! There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2017-04-04T02_08_35_463Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build:prod: npm run webpack -- --config config/webpack.prod.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build:prod script 'npm run webpack -- --config config/webpack.prod.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run webpack -- --config config/webpack.prod.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular-admin
npm ERR! There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

打包是否支持下AOT

如何更改背景色呢

您好，请问如果要把灰色背景换成其他背景色在哪里修改呢

版主的markdown编辑器代码我怎么找不到呀？

能支持动态多tab导航吗？

看了github一大堆angular admin的template，没有一个是点击左侧菜单在主容器动态打开一个tab，这样可以同时打开多个菜单，多个tab可以切换。

请问露珠的Markdown编辑器使用的是什么？

正准备重构自己的博客，打算前端用angular，所以继续一款markdown编辑器，能写能渲染那种，看到露珠的markdown编辑器，不知道是自己写的还是使用他人的插件。

npm run dev 启动失败，报错

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
ℹ ｢wdm｣: Compiled successfully.
/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:28
return (new fsevents(path)).on('fsevent', callback).start();
^

TypeError: fsevents is not a constructor
at createFSEventsInstance (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:28:11)
at setFSEventsListener (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:82:16)
at FSWatcher.FsEventsHandler._watchWithFsEvents (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:252:16)
at FSWatcher. (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:386:25)
at LOOP (fs.js:1530:14)
at process._tickCallback (internal/process/next_tick.js:61:11)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: ng serve --proxy-config proxy.conf.json --hmr
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/xiamingming/.npm/_logs/2019-07-26T03_25_15_567Z-debug.log