diff --git a/index/src/app/app-routing.module.ts b/index/src/app/app-routing.module.ts
index 524a3ba..e4746c9 100644
--- a/index/src/app/app-routing.module.ts
+++ b/index/src/app/app-routing.module.ts
@@ -17,6 +17,7 @@ const routes: Routes = [
         path: 'user', loadChildren: () => import('./view/login-registration/login-registration.module')
             .then(mod => mod.LoginRegistrationModule)
     },
+    {path: 'admin', loadChildren: () => import('./view/admin/admin.module').then(mod => mod.AdminModule)},
     {path: '**', loadChildren: () => import('./view/page-not-found/page-not-found.module').then(mod => mod.PageNotFoundModule)}
 ];
 
diff --git a/index/src/app/app.module.ts b/index/src/app/app.module.ts
index 8aa0b2b..8827d4f 100644
--- a/index/src/app/app.module.ts
+++ b/index/src/app/app.module.ts
@@ -11,6 +11,7 @@ import {HeaderComponent} from './components/header/header.component';
 import {FooterComponent} from './components/footer/footer.component';
 import {AppRoutingModule} from './app-routing.module';
 import {LoginRegistrationModule} from './view/login-registration/login-registration.module';
+import {AdminModule} from './view/admin/admin.module';
 
 
 registerLocaleData(zh);
@@ -28,7 +29,8 @@ registerLocaleData(zh);
         FormsModule,
         HttpClientModule,
         BrowserAnimationsModule,
-        LoginRegistrationModule
+        LoginRegistrationModule,
+        AdminModule
     ],
     providers: [{provide: NZ_I18N, useValue: zh_CN}],
     exports: [],
diff --git a/index/src/app/view/admin/admin-article/admin-article.component.html b/index/src/app/view/admin/admin-article/admin-article.component.html
new file mode 100644
index 0000000..90b1616
--- /dev/null
+++ b/index/src/app/view/admin/admin-article/admin-article.component.html
@@ -0,0 +1 @@
+<p>admin-article works!</p>
diff --git a/index/src/app/view/admin/admin-article/admin-article.component.less b/index/src/app/view/admin/admin-article/admin-article.component.less
new file mode 100644
index 0000000..e69de29
diff --git a/index/src/app/view/admin/admin-article/admin-article.component.spec.ts b/index/src/app/view/admin/admin-article/admin-article.component.spec.ts
new file mode 100644
index 0000000..0da1a1e
--- /dev/null
+++ b/index/src/app/view/admin/admin-article/admin-article.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminArticleComponent } from './admin-article.component';
+
+describe('AdminArticleComponent', () => {
+  let component: AdminArticleComponent;
+  let fixture: ComponentFixture<AdminArticleComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdminArticleComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdminArticleComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/index/src/app/view/admin/admin-article/admin-article.component.ts b/index/src/app/view/admin/admin-article/admin-article.component.ts
new file mode 100644
index 0000000..51515ed
--- /dev/null
+++ b/index/src/app/view/admin/admin-article/admin-article.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-admin-article',
+  templateUrl: './admin-article.component.html',
+  styleUrls: ['./admin-article.component.less']
+})
+export class AdminArticleComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/index/src/app/view/admin/admin-category/admin-category.component.html b/index/src/app/view/admin/admin-category/admin-category.component.html
new file mode 100644
index 0000000..bdbf67b
--- /dev/null
+++ b/index/src/app/view/admin/admin-category/admin-category.component.html
@@ -0,0 +1 @@
+<p>admin-category works!</p>
diff --git a/index/src/app/view/admin/admin-category/admin-category.component.less b/index/src/app/view/admin/admin-category/admin-category.component.less
new file mode 100644
index 0000000..e69de29
diff --git a/index/src/app/view/admin/admin-category/admin-category.component.spec.ts b/index/src/app/view/admin/admin-category/admin-category.component.spec.ts
new file mode 100644
index 0000000..a1220d5
--- /dev/null
+++ b/index/src/app/view/admin/admin-category/admin-category.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminCategoryComponent } from './admin-category.component';
+
+describe('AdminCategoryComponent', () => {
+  let component: AdminCategoryComponent;
+  let fixture: ComponentFixture<AdminCategoryComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdminCategoryComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdminCategoryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/index/src/app/view/admin/admin-category/admin-category.component.ts b/index/src/app/view/admin/admin-category/admin-category.component.ts
new file mode 100644
index 0000000..df2ad45
--- /dev/null
+++ b/index/src/app/view/admin/admin-category/admin-category.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-admin-category',
+  templateUrl: './admin-category.component.html',
+  styleUrls: ['./admin-category.component.less']
+})
+export class AdminCategoryComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/index/src/app/view/admin/admin-comment/admin-comment.component.html b/index/src/app/view/admin/admin-comment/admin-comment.component.html
new file mode 100644
index 0000000..e4e9602
--- /dev/null
+++ b/index/src/app/view/admin/admin-comment/admin-comment.component.html
@@ -0,0 +1 @@
+<p>admin-comment works!</p>
diff --git a/index/src/app/view/admin/admin-comment/admin-comment.component.less b/index/src/app/view/admin/admin-comment/admin-comment.component.less
new file mode 100644
index 0000000..e69de29
diff --git a/index/src/app/view/admin/admin-comment/admin-comment.component.spec.ts b/index/src/app/view/admin/admin-comment/admin-comment.component.spec.ts
new file mode 100644
index 0000000..8fc0388
--- /dev/null
+++ b/index/src/app/view/admin/admin-comment/admin-comment.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminCommentComponent } from './admin-comment.component';
+
+describe('AdminCommentComponent', () => {
+  let component: AdminCommentComponent;
+  let fixture: ComponentFixture<AdminCommentComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdminCommentComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdminCommentComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/index/src/app/view/admin/admin-comment/admin-comment.component.ts b/index/src/app/view/admin/admin-comment/admin-comment.component.ts
new file mode 100644
index 0000000..521c388
--- /dev/null
+++ b/index/src/app/view/admin/admin-comment/admin-comment.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-admin-comment',
+  templateUrl: './admin-comment.component.html',
+  styleUrls: ['./admin-comment.component.less']
+})
+export class AdminCommentComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/index/src/app/view/admin/admin-index/admin-index.component.html b/index/src/app/view/admin/admin-index/admin-index.component.html
new file mode 100644
index 0000000..1b00d67
--- /dev/null
+++ b/index/src/app/view/admin/admin-index/admin-index.component.html
@@ -0,0 +1 @@
+<p>admin-index works!</p>
diff --git a/index/src/app/view/admin/admin-index/admin-index.component.less b/index/src/app/view/admin/admin-index/admin-index.component.less
new file mode 100644
index 0000000..e69de29
diff --git a/index/src/app/view/admin/admin-index/admin-index.component.spec.ts b/index/src/app/view/admin/admin-index/admin-index.component.spec.ts
new file mode 100644
index 0000000..fb50896
--- /dev/null
+++ b/index/src/app/view/admin/admin-index/admin-index.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminIndexComponent } from './admin-index.component';
+
+describe('AdminIndexComponent', () => {
+  let component: AdminIndexComponent;
+  let fixture: ComponentFixture<AdminIndexComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdminIndexComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdminIndexComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/index/src/app/view/admin/admin-index/admin-index.component.ts b/index/src/app/view/admin/admin-index/admin-index.component.ts
new file mode 100644
index 0000000..e5366a9
--- /dev/null
+++ b/index/src/app/view/admin/admin-index/admin-index.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-admin-index',
+  templateUrl: './admin-index.component.html',
+  styleUrls: ['./admin-index.component.less']
+})
+export class AdminIndexComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/index/src/app/view/admin/admin-link/admin-link.component.html b/index/src/app/view/admin/admin-link/admin-link.component.html
new file mode 100644
index 0000000..b5d07e0
--- /dev/null
+++ b/index/src/app/view/admin/admin-link/admin-link.component.html
@@ -0,0 +1 @@
+<p>admin-link works!</p>
diff --git a/index/src/app/view/admin/admin-link/admin-link.component.less b/index/src/app/view/admin/admin-link/admin-link.component.less
new file mode 100644
index 0000000..e69de29
diff --git a/index/src/app/view/admin/admin-link/admin-link.component.spec.ts b/index/src/app/view/admin/admin-link/admin-link.component.spec.ts
new file mode 100644
index 0000000..7342f26
--- /dev/null
+++ b/index/src/app/view/admin/admin-link/admin-link.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminLinkComponent } from './admin-link.component';
+
+describe('AdminLinkComponent', () => {
+  let component: AdminLinkComponent;
+  let fixture: ComponentFixture<AdminLinkComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdminLinkComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdminLinkComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/index/src/app/view/admin/admin-link/admin-link.component.ts b/index/src/app/view/admin/admin-link/admin-link.component.ts
new file mode 100644
index 0000000..8a6cf9b
--- /dev/null
+++ b/index/src/app/view/admin/admin-link/admin-link.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-admin-link',
+  templateUrl: './admin-link.component.html',
+  styleUrls: ['./admin-link.component.less']
+})
+export class AdminLinkComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/index/src/app/view/admin/admin-routing.module.ts b/index/src/app/view/admin/admin-routing.module.ts
new file mode 100644
index 0000000..afeadd4
--- /dev/null
+++ b/index/src/app/view/admin/admin-routing.module.ts
@@ -0,0 +1,36 @@
+import {NgModule} from '@angular/core';
+import {RouterModule, Routes} from '@angular/router';
+import {AdminIndexComponent} from './admin-index/admin-index.component';
+import {AdminCommentComponent} from './admin-comment/admin-comment.component';
+import {AdminArticleComponent} from './admin-article/admin-article.component';
+import {AdminCategoryComponent} from './admin-category/admin-category.component';
+import {AdminLinkComponent} from './admin-link/admin-link.component';
+import {AdminTagComponent} from './admin-tag/admin-tag.component';
+import {AdminUpdateComponent} from './admin-update/admin-update.component';
+import {AdminUserComponent} from './admin-user/admin-user.component';
+import {AdminUserinfoComponent} from './admin-userinfo/admin-userinfo.component';
+import {AdminVisitorComponent} from './admin-visitor/admin-visitor.component';
+
+
+const routes: Routes = [
+    {path: '', pathMatch: 'full', component: AdminIndexComponent},
+    {path: 'article', component: AdminArticleComponent},
+    {path: 'comment', component: AdminCommentComponent},
+    {path: 'category', component: AdminCategoryComponent},
+    {path: 'link', component: AdminLinkComponent},
+    {path: 'tag', component: AdminTagComponent},
+    {path: 'update', component: AdminUpdateComponent},
+    {path: 'user', component: AdminUserComponent},
+    {path: 'userInfo', component: AdminUserinfoComponent},
+    {path: 'visitor', component: AdminVisitorComponent},
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forChild(routes)
+    ],
+    exports: [RouterModule]
+})
+
+export class AdminRoutingModule {
+}
diff --git a/index/src/app/view/admin/admin-tag/admin-tag.component.html b/index/src/app/view/admin/admin-tag/admin-tag.component.html
new file mode 100644
index 0000000..27cd5d7
--- /dev/null
+++ b/index/src/app/view/admin/admin-tag/admin-tag.component.html
@@ -0,0 +1 @@
+<p>admin-tag works!</p>
diff --git a/index/src/app/view/admin/admin-tag/admin-tag.component.less b/index/src/app/view/admin/admin-tag/admin-tag.component.less
new file mode 100644
index 0000000..e69de29
diff --git a/index/src/app/view/admin/admin-tag/admin-tag.component.spec.ts b/index/src/app/view/admin/admin-tag/admin-tag.component.spec.ts
new file mode 100644
index 0000000..8110273
--- /dev/null
+++ b/index/src/app/view/admin/admin-tag/admin-tag.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminTagComponent } from './admin-tag.component';
+
+describe('AdminTagComponent', () => {
+  let component: AdminTagComponent;
+  let fixture: ComponentFixture<AdminTagComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdminTagComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdminTagComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/index/src/app/view/admin/admin-tag/admin-tag.component.ts b/index/src/app/view/admin/admin-tag/admin-tag.component.ts
new file mode 100644
index 0000000..8070fcd
--- /dev/null
+++ b/index/src/app/view/admin/admin-tag/admin-tag.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-admin-tag',
+  templateUrl: './admin-tag.component.html',
+  styleUrls: ['./admin-tag.component.less']
+})
+export class AdminTagComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/index/src/app/view/admin/admin-update/admin-update.component.html b/index/src/app/view/admin/admin-update/admin-update.component.html
new file mode 100644
index 0000000..6cd743c
--- /dev/null
+++ b/index/src/app/view/admin/admin-update/admin-update.component.html
@@ -0,0 +1 @@
+<p>admin-update works!</p>
diff --git a/index/src/app/view/admin/admin-update/admin-update.component.less b/index/src/app/view/admin/admin-update/admin-update.component.less
new file mode 100644
index 0000000..e69de29
diff --git a/index/src/app/view/admin/admin-update/admin-update.component.spec.ts b/index/src/app/view/admin/admin-update/admin-update.component.spec.ts
new file mode 100644
index 0000000..dc0aaf0
--- /dev/null
+++ b/index/src/app/view/admin/admin-update/admin-update.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminUpdateComponent } from './admin-update.component';
+
+describe('AdminUpdateComponent', () => {
+  let component: AdminUpdateComponent;
+  let fixture: ComponentFixture<AdminUpdateComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdminUpdateComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdminUpdateComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/index/src/app/view/admin/admin-update/admin-update.component.ts b/index/src/app/view/admin/admin-update/admin-update.component.ts
new file mode 100644
index 0000000..83ce40e
--- /dev/null
+++ b/index/src/app/view/admin/admin-update/admin-update.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-admin-update',
+  templateUrl: './admin-update.component.html',
+  styleUrls: ['./admin-update.component.less']
+})
+export class AdminUpdateComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/index/src/app/view/admin/admin-user/admin-user.component.html b/index/src/app/view/admin/admin-user/admin-user.component.html
new file mode 100644
index 0000000..d7514d9
--- /dev/null
+++ b/index/src/app/view/admin/admin-user/admin-user.component.html
@@ -0,0 +1 @@
+<p>admin-user works!</p>
diff --git a/index/src/app/view/admin/admin-user/admin-user.component.less b/index/src/app/view/admin/admin-user/admin-user.component.less
new file mode 100644
index 0000000..e69de29
diff --git a/index/src/app/view/admin/admin-user/admin-user.component.spec.ts b/index/src/app/view/admin/admin-user/admin-user.component.spec.ts
new file mode 100644
index 0000000..8c56ffd
--- /dev/null
+++ b/index/src/app/view/admin/admin-user/admin-user.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminUserComponent } from './admin-user.component';
+
+describe('AdminUserComponent', () => {
+  let component: AdminUserComponent;
+  let fixture: ComponentFixture<AdminUserComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdminUserComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdminUserComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/index/src/app/view/admin/admin-user/admin-user.component.ts b/index/src/app/view/admin/admin-user/admin-user.component.ts
new file mode 100644
index 0000000..6c03f9d
--- /dev/null
+++ b/index/src/app/view/admin/admin-user/admin-user.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-admin-user',
+  templateUrl: './admin-user.component.html',
+  styleUrls: ['./admin-user.component.less']
+})
+export class AdminUserComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/index/src/app/view/admin/admin-userinfo/admin-userinfo.component.html b/index/src/app/view/admin/admin-userinfo/admin-userinfo.component.html
new file mode 100644
index 0000000..fc404c8
--- /dev/null
+++ b/index/src/app/view/admin/admin-userinfo/admin-userinfo.component.html
@@ -0,0 +1 @@
+<p>admin-userinfo works!</p>
diff --git a/index/src/app/view/admin/admin-userinfo/admin-userinfo.component.less b/index/src/app/view/admin/admin-userinfo/admin-userinfo.component.less
new file mode 100644
index 0000000..e69de29
diff --git a/index/src/app/view/admin/admin-userinfo/admin-userinfo.component.spec.ts b/index/src/app/view/admin/admin-userinfo/admin-userinfo.component.spec.ts
new file mode 100644
index 0000000..f819b19
--- /dev/null
+++ b/index/src/app/view/admin/admin-userinfo/admin-userinfo.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminUserinfoComponent } from './admin-userinfo.component';
+
+describe('AdminUserinfoComponent', () => {
+  let component: AdminUserinfoComponent;
+  let fixture: ComponentFixture<AdminUserinfoComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdminUserinfoComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdminUserinfoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/index/src/app/view/admin/admin-userinfo/admin-userinfo.component.ts b/index/src/app/view/admin/admin-userinfo/admin-userinfo.component.ts
new file mode 100644
index 0000000..3bb27f0
--- /dev/null
+++ b/index/src/app/view/admin/admin-userinfo/admin-userinfo.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-admin-userinfo',
+  templateUrl: './admin-userinfo.component.html',
+  styleUrls: ['./admin-userinfo.component.less']
+})
+export class AdminUserinfoComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/index/src/app/view/admin/admin-visitor/admin-visitor.component.html b/index/src/app/view/admin/admin-visitor/admin-visitor.component.html
new file mode 100644
index 0000000..7720c45
--- /dev/null
+++ b/index/src/app/view/admin/admin-visitor/admin-visitor.component.html
@@ -0,0 +1 @@
+<p>admin-visitor works!</p>
diff --git a/index/src/app/view/admin/admin-visitor/admin-visitor.component.less b/index/src/app/view/admin/admin-visitor/admin-visitor.component.less
new file mode 100644
index 0000000..e69de29
diff --git a/index/src/app/view/admin/admin-visitor/admin-visitor.component.spec.ts b/index/src/app/view/admin/admin-visitor/admin-visitor.component.spec.ts
new file mode 100644
index 0000000..15b7259
--- /dev/null
+++ b/index/src/app/view/admin/admin-visitor/admin-visitor.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminVisitorComponent } from './admin-visitor.component';
+
+describe('AdminVisitorComponent', () => {
+  let component: AdminVisitorComponent;
+  let fixture: ComponentFixture<AdminVisitorComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdminVisitorComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdminVisitorComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/index/src/app/view/admin/admin-visitor/admin-visitor.component.ts b/index/src/app/view/admin/admin-visitor/admin-visitor.component.ts
new file mode 100644
index 0000000..c6df431
--- /dev/null
+++ b/index/src/app/view/admin/admin-visitor/admin-visitor.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-admin-visitor',
+  templateUrl: './admin-visitor.component.html',
+  styleUrls: ['./admin-visitor.component.less']
+})
+export class AdminVisitorComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/index/src/app/view/admin/admin.module.ts b/index/src/app/view/admin/admin.module.ts
new file mode 100644
index 0000000..010b9df
--- /dev/null
+++ b/index/src/app/view/admin/admin.module.ts
@@ -0,0 +1,35 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {AdminRoutingModule} from './admin-routing.module';
+import {AdminIndexComponent} from './admin-index/admin-index.component';
+import {AdminArticleComponent} from './admin-article/admin-article.component';
+import {AdminCategoryComponent} from './admin-category/admin-category.component';
+import {AdminCommentComponent} from './admin-comment/admin-comment.component';
+import {AdminTagComponent} from './admin-tag/admin-tag.component';
+import {AdminLinkComponent} from './admin-link/admin-link.component';
+import {AdminUpdateComponent} from './admin-update/admin-update.component';
+import {AdminUserComponent} from './admin-user/admin-user.component';
+import {AdminUserinfoComponent} from './admin-userinfo/admin-userinfo.component';
+import {AdminVisitorComponent} from './admin-visitor/admin-visitor.component';
+
+
+@NgModule({
+    declarations: [
+        AdminIndexComponent,
+        AdminArticleComponent,
+        AdminCategoryComponent,
+        AdminCommentComponent,
+        AdminTagComponent,
+        AdminLinkComponent,
+        AdminUpdateComponent,
+        AdminUserComponent,
+        AdminUserinfoComponent,
+        AdminVisitorComponent
+    ],
+    imports: [
+        CommonModule,
+        AdminRoutingModule
+    ]
+})
+export class AdminModule {
+}