](http://godban.github.io/browsers-support-badges/)IE / Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+
+## License
+
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+
+Copyright (c) 2017-present PanJiaChen
diff --git "a/\346\233\276\345\277\227\345\213\207/README.md" "b/\346\233\276\345\277\227\345\213\207/README.md"
new file mode 100644
index 0000000000000000000000000000000000000000..b99f9429bcd34629bfddb0509b58c908fb3baecd
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/README.md"
@@ -0,0 +1,91 @@
+# vue-admin-template
+
+English | [简体中文](./README-zh.md)
+
+> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
+
+**Live demo:** http://panjiachen.github.io/vue-admin-template
+
+
+**The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`**
+
+## Build Setup
+
+
+```bash
+# clone the project
+git clone https://github.com/PanJiaChen/vue-admin-template.git
+
+# enter the project directory
+cd vue-admin-template
+
+# install dependency
+npm install
+
+# develop
+npm run dev
+```
+
+This will automatically open http://localhost:9528
+
+## Build
+
+```bash
+# build for test environment
+npm run build:stage
+
+# build for production environment
+npm run build:prod
+```
+
+## Advanced
+
+```bash
+# preview the release environment effect
+npm run preview
+
+# preview the release environment effect + static resource analysis
+npm run preview -- --report
+
+# code format check
+npm run lint
+
+# code format check and auto fix
+npm run lint -- --fix
+```
+
+Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information
+
+## Demo
+
+
+
+## Extra
+
+If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+
+For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
+
+## Related Project
+
+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+
+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+
+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
+
+## Browsers support
+
+Modern browsers and Internet Explorer 10+.
+
+| [
+
+
+ optionsBuilder.ConfigureWarnings(warnings =>
+ warnings.Default(WarningBehavior.Ignore)
+ .Log(CoreEventId.IncludeIgnoredWarning, CoreEventId.ModelValidationWarning)
+ .Throw(RelationalEventId.QueryClientEvaluationWarning))
+
+
+ optionsBuilder.ConfigureWarnings(warnings =>
+ warnings.Default(WarningBehavior.Ignore)
+ .Log(CoreEventId.IncludeIgnoredWarning, CoreEventId.ModelValidationWarning)
+ .Throw(RelationalEventId.QueryClientEvaluationWarning))
+
+ LoggerCategory.Database.Sql.Name.
+
+ var blogs = context.Blogs
+ .Where(b => EF.Property<DateTime>(b, "LastUpdated") > DateTime.Now.AddDays(-5))
+
+
+ context.Blogs.Include(blog => blog.Posts);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags).ThenInclude(tag => tag.TagInfo)
+ .Include(blog => blog.Contributors);
+
+
+ context.Blogs.Include(blog => ((SpecialBlog)blog).SpecialPosts);
+
+
+ context.Blogs.Include(blog => (blog as SpecialBlog).SpecialPosts);
+
+
+ context.Blogs.Include(blog => blog.Posts);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags).ThenInclude(tag => tag.TagInfo)
+ .Include(blog => blog.Contributors);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => ((SpecialPost)post).SpecialTags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => (post as SpecialPost).SpecialTags);
+
+
+ context.Blogs.Include(blog => blog.Posts);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags).ThenInclude(tag => tag.TagInfo)
+ .Include(blog => blog.Contributors);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => ((SpecialPost)post).SpecialTags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => (post as SpecialPost).SpecialTags);
+
+
+ context.Blogs.Include("Posts");
+
+
+ context.Blogs.Include("Posts.Tags");
+
+
+ context.Blogs
+ .Include("Posts.Tags.TagInfo')
+ .Include("Contributors");
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(options => options.UseSqlServer(connectionString));
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(options => options.UseSqlServer(connectionString));
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(ServiceLifetime.Scoped);
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(ServiceLifetime.Scoped);
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services
+ .AddEntityFrameworkSqlServer()
+ .AddDbContext<MyContext>((serviceProvider, options) =>
+ options.UseSqlServer(connectionString)
+ .UseInternalServiceProvider(serviceProvider));
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services
+ .AddEntityFrameworkSqlServer()
+ .AddDbContext<MyContext>((serviceProvider, options) =>
+ options.UseSqlServer(connectionString)
+ .UseInternalServiceProvider(serviceProvider));
+ }
+
+
+ optionsBuilder.ConfigureWarnings(warnings =>
+ warnings.Default(WarningBehavior.Ignore)
+ .Log(CoreEventId.IncludeIgnoredWarning, CoreEventId.ModelValidationWarning)
+ .Throw(RelationalEventId.QueryClientEvaluationWarning))
+
+
+ optionsBuilder.ConfigureWarnings(warnings =>
+ warnings.Default(WarningBehavior.Ignore)
+ .Log(CoreEventId.IncludeIgnoredWarning, CoreEventId.ModelValidationWarning)
+ .Throw(RelationalEventId.QueryClientEvaluationWarning))
+
+ LoggerCategory.Database.Sql.Name.
+
+ var blogs = context.Blogs
+ .Where(b => EF.Property<DateTime>(b, "LastUpdated") > DateTime.Now.AddDays(-5))
+
+
+ context.Blogs.Include(blog => blog.Posts);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags).ThenInclude(tag => tag.TagInfo)
+ .Include(blog => blog.Contributors);
+
+
+ context.Blogs.Include(blog => ((SpecialBlog)blog).SpecialPosts);
+
+
+ context.Blogs.Include(blog => (blog as SpecialBlog).SpecialPosts);
+
+
+ context.Blogs.Include(blog => blog.Posts);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags).ThenInclude(tag => tag.TagInfo)
+ .Include(blog => blog.Contributors);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => ((SpecialPost)post).SpecialTags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => (post as SpecialPost).SpecialTags);
+
+
+ context.Blogs.Include(blog => blog.Posts);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags).ThenInclude(tag => tag.TagInfo)
+ .Include(blog => blog.Contributors);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => ((SpecialPost)post).SpecialTags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => (post as SpecialPost).SpecialTags);
+
+
+ context.Blogs.Include("Posts");
+
+
+ context.Blogs.Include("Posts.Tags");
+
+
+ context.Blogs
+ .Include("Posts.Tags.TagInfo')
+ .Include("Contributors");
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(options => options.UseSqlServer(connectionString));
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(options => options.UseSqlServer(connectionString));
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(ServiceLifetime.Scoped);
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(ServiceLifetime.Scoped);
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services
+ .AddEntityFrameworkSqlServer()
+ .AddDbContext<MyContext>((serviceProvider, options) =>
+ options.UseSqlServer(connectionString)
+ .UseInternalServiceProvider(serviceProvider));
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services
+ .AddEntityFrameworkSqlServer()
+ .AddDbContext<MyContext>((serviceProvider, options) =>
+ options.UseSqlServer(connectionString)
+ .UseInternalServiceProvider(serviceProvider));
+ }
+
+
+ optionsBuilder.ConfigureWarnings(warnings =>
+ warnings.Default(WarningBehavior.Ignore)
+ .Log(CoreEventId.IncludeIgnoredWarning, CoreEventId.ModelValidationWarning)
+ .Throw(RelationalEventId.QueryClientEvaluationWarning))
+
+
+ optionsBuilder.ConfigureWarnings(warnings =>
+ warnings.Default(WarningBehavior.Ignore)
+ .Log(CoreEventId.IncludeIgnoredWarning, CoreEventId.ModelValidationWarning)
+ .Throw(RelationalEventId.QueryClientEvaluationWarning))
+
+ LoggerCategory.Database.Sql.Name.
+
+ var blogs = context.Blogs
+ .Where(b => EF.Property<DateTime>(b, "LastUpdated") > DateTime.Now.AddDays(-5))
+
+
+ context.Blogs.Include(blog => blog.Posts);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags).ThenInclude(tag => tag.TagInfo)
+ .Include(blog => blog.Contributors);
+
+
+ context.Blogs.Include(blog => ((SpecialBlog)blog).SpecialPosts);
+
+
+ context.Blogs.Include(blog => (blog as SpecialBlog).SpecialPosts);
+
+
+ context.Blogs.Include(blog => blog.Posts);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags).ThenInclude(tag => tag.TagInfo)
+ .Include(blog => blog.Contributors);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => ((SpecialPost)post).SpecialTags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => (post as SpecialPost).SpecialTags);
+
+
+ context.Blogs.Include(blog => blog.Posts);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => post.Tags).ThenInclude(tag => tag.TagInfo)
+ .Include(blog => blog.Contributors);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => ((SpecialPost)post).SpecialTags);
+
+
+ context.Blogs
+ .Include(blog => blog.Posts).ThenInclude(post => (post as SpecialPost).SpecialTags);
+
+
+ context.Blogs.Include("Posts");
+
+
+ context.Blogs.Include("Posts.Tags");
+
+
+ context.Blogs
+ .Include("Posts.Tags.TagInfo')
+ .Include("Contributors");
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(options => options.UseSqlServer(connectionString));
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(options => options.UseSqlServer(connectionString));
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(ServiceLifetime.Scoped);
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services.AddDbContext<MyContext>(ServiceLifetime.Scoped);
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services
+ .AddEntityFrameworkSqlServer()
+ .AddDbContext<MyContext>((serviceProvider, options) =>
+ options.UseSqlServer(connectionString)
+ .UseInternalServiceProvider(serviceProvider));
+ }
+
+
+ public void ConfigureServices(IServiceCollection services)
+ {
+ var connectionString = "connection string to database";
+
+ services
+ .AddEntityFrameworkSqlServer()
+ .AddDbContext<MyContext>((serviceProvider, options) =>
+ options.UseSqlServer(connectionString)
+ .UseInternalServiceProvider(serviceProvider));
+ }
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/api/product.js" "b/\346\233\276\345\277\227\345\213\207/src/api/product.js"
new file mode 100644
index 0000000000000000000000000000000000000000..129c1dfa92709306b50d8b52dc177b0e852e5e57
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/api/product.js"
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+ return request({
+ // baseURL: 'https://api.apiopen.top',
+ url: '/getJoke',
+ method: 'get',
+ params
+ })
+}
diff --git "a/\346\233\276\345\277\227\345\213\207/src/api/role.js" "b/\346\233\276\345\277\227\345\213\207/src/api/role.js"
new file mode 100644
index 0000000000000000000000000000000000000000..c13bdde756cd84393c350594a2f8f82608d5f469
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/api/role.js"
@@ -0,0 +1,41 @@
+import request from '@/utils/request'
+
+export function getRoles() {
+ return request({
+ url: 'api/roles',
+ method: 'get'
+ })
+}
+
+export function addRoles(data) {
+ return request({
+ url: '/api/roles',
+ method: 'post',
+ data
+ })
+}
+
+export function updateRoles(id,data) {
+ return request({
+ url: '/api/roles/'+ id,
+ method: 'put',
+ data
+ })
+}
+
+export function deleteRoles(id) {
+ return request({
+ url: '/api/roles/'+ id,
+ method: 'delete',
+ })
+}
+
+export function saveRolePermission(data) {
+ return request({
+ url: '/api/roles/saveRolePermission',
+ method: 'post',
+ data
+ })
+ }
+
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/api/table.js" "b/\346\233\276\345\277\227\345\213\207/src/api/table.js"
new file mode 100644
index 0000000000000000000000000000000000000000..2752f52e164096081bd566162e62e4a66fa065d3
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/api/table.js"
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+ return request({
+ url: '/vue-admin-template/table/list',
+ method: 'get',
+ params
+ })
+}
diff --git "a/\346\233\276\345\277\227\345\213\207/src/api/user.js" "b/\346\233\276\345\277\227\345\213\207/src/api/user.js"
new file mode 100644
index 0000000000000000000000000000000000000000..fa15b40b0d8a1c0dc3c0f68ff4d48c68fca2d6dd
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/api/user.js"
@@ -0,0 +1,24 @@
+import request from '@/utils/request'
+
+export function login(data) {
+ return request({
+ url: 'api/Users/login',
+ method: 'post',
+ data
+ })
+}
+
+export function getInfo(token) {
+ return request({
+ url: '/api/Users/getuserInfo',
+ method: 'get',
+ params: { token }
+ })
+}
+
+export function logout() {
+ return request({
+ url: 'api/Users/logout',
+ method: 'post'
+ })
+}
diff --git "a/\346\233\276\345\277\227\345\213\207/src/assets/404_images/404.png" "b/\346\233\276\345\277\227\345\213\207/src/assets/404_images/404.png"
new file mode 100644
index 0000000000000000000000000000000000000000..3d8e2305cc973ad2121403aee4bf08728f76c461
Binary files /dev/null and "b/\346\233\276\345\277\227\345\213\207/src/assets/404_images/404.png" differ
diff --git "a/\346\233\276\345\277\227\345\213\207/src/assets/404_images/404_cloud.png" "b/\346\233\276\345\277\227\345\213\207/src/assets/404_images/404_cloud.png"
new file mode 100644
index 0000000000000000000000000000000000000000..c6281d09013e0a2c5f8e699a0a6038d9480291e5
Binary files /dev/null and "b/\346\233\276\345\277\227\345\213\207/src/assets/404_images/404_cloud.png" differ
diff --git "a/\346\233\276\345\277\227\345\213\207/src/components/Breadcrumb/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/components/Breadcrumb/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..29f9a04c9dcf9f8d1b216f5cbdf0046606c4d203
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/components/Breadcrumb/index.vue"
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/components/SvgIcon/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/components/SvgIcon/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..b07ded2af39d367113e28f68ca581b74b2625718
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/components/SvgIcon/index.vue"
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/index.js" "b/\346\233\276\345\277\227\345\213\207/src/icons/index.js"
new file mode 100644
index 0000000000000000000000000000000000000000..2c6b309c96cc2e43761a691860858f232f6d5d1a
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/index.js"
@@ -0,0 +1,9 @@
+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg component
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+const req = require.context('./svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+requireAll(req)
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svg/dashboard.svg" "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/dashboard.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..5317d37029218281b4da78eccf40ce9e94941301
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/dashboard.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svg/example.svg" "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/example.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..46f42b5323d11686c44b573729db0df115343d5c
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/example.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svg/eye-open.svg" "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/eye-open.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..88dcc98e6c80d145e3807f00a6e5ed91ce5371e4
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/eye-open.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svg/eye.svg" "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/eye.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..16ed2d872d1cadeb36fc9101cbf77397fbf4fd70
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/eye.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svg/form.svg" "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/form.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..dcbaa185a845cdf01a7fdfb849c224ce9c4af011
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/form.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svg/link.svg" "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/link.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..48197ba4da7b4314a16a19a698fe96c1b2a7ad0b
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/link.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svg/nested.svg" "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/nested.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..06713a86c6a3db0cd5eeb26cf81ffb27b538e9a1
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/nested.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svg/password.svg" "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/password.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..e291d85df22083536bb2e40fd18120ef6d6b141d
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/password.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svg/table.svg" "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/table.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..0e3dc9dea5a0ff92d617cdfee4f10ef600a02433
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/table.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svg/tree.svg" "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/tree.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..dd4b7dd22fe06076831935066592caec48e323b0
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/tree.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svg/user.svg" "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/user.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..0ba0716a62a92f7cb2f2e6f3c745ace2be6b3b31
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svg/user.svg"
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git "a/\346\233\276\345\277\227\345\213\207/src/icons/svgo.yml" "b/\346\233\276\345\277\227\345\213\207/src/icons/svgo.yml"
new file mode 100644
index 0000000000000000000000000000000000000000..d11906aec26dd14372dd1b298f72270c38cce1b7
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/icons/svgo.yml"
@@ -0,0 +1,22 @@
+# replace default config
+
+# multipass: true
+# full: true
+
+plugins:
+
+ # - name
+ #
+ # or:
+ # - name: false
+ # - name: true
+ #
+ # or:
+ # - name:
+ # param1: 1
+ # param2: 2
+
+- removeAttrs:
+ attrs:
+ - 'fill'
+ - 'fill-rule'
diff --git "a/\346\233\276\345\277\227\345\213\207/src/layout/components/AppMain.vue" "b/\346\233\276\345\277\227\345\213\207/src/layout/components/AppMain.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..f6a3286f585e7f86e8c9913c53615d2d74afc497
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/layout/components/AppMain.vue"
@@ -0,0 +1,40 @@
+
+
+
+
+ ![]()
+
+
+ ![]()
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/layout/components/Sidebar/SidebarItem.vue" "b/\346\233\276\345\277\227\345\213\207/src/layout/components/Sidebar/SidebarItem.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..a418c3d712a6d23a6aa70f4fa779011cac3b64ef
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/layout/components/Sidebar/SidebarItem.vue"
@@ -0,0 +1,95 @@
+
+ {{ title }}
+{{ title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/layout/components/Sidebar/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/layout/components/Sidebar/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..da39034fd058f2dac91ff5d9cc0157e74189b9b1
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/layout/components/Sidebar/index.vue"
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/layout/components/index.js" "b/\346\233\276\345\277\227\345\213\207/src/layout/components/index.js"
new file mode 100644
index 0000000000000000000000000000000000000000..97ee3cd12dce9a371b571dfba3c2b9fc16dc988c
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/layout/components/index.js"
@@ -0,0 +1,3 @@
+export { default as Navbar } from './Navbar'
+export { default as Sidebar } from './Sidebar'
+export { default as AppMain } from './AppMain'
diff --git "a/\346\233\276\345\277\227\345\213\207/src/layout/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/layout/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..db22a7bc3eb02e559fb32f99667288e6cfe0783a
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/layout/index.vue"
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/layout/mixin/ResizeHandler.js" "b/\346\233\276\345\277\227\345\213\207/src/layout/mixin/ResizeHandler.js"
new file mode 100644
index 0000000000000000000000000000000000000000..e8d0df8c237c20405aacc19a1e317ce5b09cd5d1
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/layout/mixin/ResizeHandler.js"
@@ -0,0 +1,45 @@
+import store from '@/store'
+
+const { body } = document
+const WIDTH = 992 // refer to Bootstrap's responsive design
+
+export default {
+ watch: {
+ $route(route) {
+ if (this.device === 'mobile' && this.sidebar.opened) {
+ store.dispatch('app/closeSideBar', { withoutAnimation: false })
+ }
+ }
+ },
+ beforeMount() {
+ window.addEventListener('resize', this.$_resizeHandler)
+ },
+ beforeDestroy() {
+ window.removeEventListener('resize', this.$_resizeHandler)
+ },
+ mounted() {
+ const isMobile = this.$_isMobile()
+ if (isMobile) {
+ store.dispatch('app/toggleDevice', 'mobile')
+ store.dispatch('app/closeSideBar', { withoutAnimation: true })
+ }
+ },
+ methods: {
+ // use $_ for mixins properties
+ // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+ $_isMobile() {
+ const rect = body.getBoundingClientRect()
+ return rect.width - 1 < WIDTH
+ },
+ $_resizeHandler() {
+ if (!document.hidden) {
+ const isMobile = this.$_isMobile()
+ store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
+
+ if (isMobile) {
+ store.dispatch('app/closeSideBar', { withoutAnimation: true })
+ }
+ }
+ }
+ }
+}
diff --git "a/\346\233\276\345\277\227\345\213\207/src/main.js" "b/\346\233\276\345\277\227\345\213\207/src/main.js"
new file mode 100644
index 0000000000000000000000000000000000000000..eb7d037135df09eb315cf35035c0db27b171ff2a
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/main.js"
@@ -0,0 +1,43 @@
+import Vue from 'vue'
+
+import 'normalize.css/normalize.css' // A modern alternative to CSS resets
+
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+import locale from 'element-ui/lib/locale/lang/en' // lang i18n
+
+import '@/styles/index.scss' // global css
+
+import App from './App'
+import store from './store'
+import router from './router'
+
+import '@/icons' // icon
+import '@/permission' // permission control
+
+/**
+ * If you don't want to use mock-server
+ * you want to use MockJs for mock api
+ * you can execute: mockXHR()
+ *
+ * Currently MockJs will be used in the production environment,
+ * please remove it before going online ! ! !
+ */
+// if (process.env.NODE_ENV === 'production') {
+// const { mockXHR } = require('../mock')
+// mockXHR()
+// }
+
+// set ElementUI lang to EN
+Vue.use(ElementUI, { locale })
+// 如果想要中文版 element-ui，按如下方式声明
+// Vue.use(ElementUI)
+
+Vue.config.productionTip = false
+
+new Vue({
+ el: '#app',
+ router,
+ store,
+ render: h => h(App)
+})
diff --git "a/\346\233\276\345\277\227\345\213\207/src/permission.js" "b/\346\233\276\345\277\227\345\213\207/src/permission.js"
new file mode 100644
index 0000000000000000000000000000000000000000..62d69b07ce56b9abc418d4ff441dd8af3773847d
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/permission.js"
@@ -0,0 +1,66 @@
+import router from './router'
+import store from './store'
+// import { Message } from 'element-ui'
+import NProgress from 'nprogress' // progress bar
+import 'nprogress/nprogress.css' // progress bar style
+import { getToken } from '@/utils/auth' // get token from cookie
+import getPageTitle from '@/utils/get-page-title'
+import { canTurnTo } from '@/utils/access'
+
+NProgress.configure({ showSpinner: false }) // NProgress Configuration
+
+// const whiteList = ['/login'] // no redirect whitelist
+
+const turnTo = (to, access, next) => {
+ var can = canTurnTo(to.name, access, router.options.routes)
+ if (can) next() // 有权限，可访问
+ else next({ replace: true, name: 'error_401' }) // 无权限，重定向到401页面
+}
+
+router.beforeEach(async(to, from, next) => {
+ // start progress bar
+ NProgress.start()
+
+ // 设置网页标题
+ document.title = getPageTitle(to.meta.title)
+
+ // 判断用户是否登录，登录了是否有用户信息，有用户信息是否有权限访问要跳转的路由
+ const hasToken = getToken()
+ if (hasToken) {
+ if (to.path === '/login') {
+ // 登录后，试图重定向到登录页面的，重新跳转到应用首页
+ next({ path: '/' })
+ NProgress.done()
+ } else {
+ var userInfo = store.state.user.name
+ if (userInfo) {
+ turnTo(to, store.state.user.access, next)
+ } else {
+ console.log('登录成功，已经有token，但是还没有用户信息，准备获用户信息')
+ store.dispatch('user/getInfo').then(user => {
+ // 拉取用户信息，通过用户权限和跳转的页面的name来判断是否有权限访问;
+ // access必须是一个数组，如：['super_admin'] ['super_admin', 'admin']
+ turnTo(to, user.access, next)
+ }).catch(() => {
+ // 获取用户信息失败，重置token
+ store.dispatch('user/resetToken')
+ next('/login')
+ })
+ }
+ }
+ } else {
+ // 没有登录（因为没有token）
+
+ if (to.path === '/login') {
+ next()
+ } else {
+ next('/login')
+ NProgress.done()
+ }
+ }
+})
+
+router.afterEach(() => {
+ // finish progress bar
+ NProgress.done()
+})
diff --git "a/\346\233\276\345\277\227\345\213\207/src/router/index.js" "b/\346\233\276\345\277\227\345\213\207/src/router/index.js"
new file mode 100644
index 0000000000000000000000000000000000000000..0f63d4903dfa1e1590e1e3122a4c721600c92cb3
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/router/index.js"
@@ -0,0 +1,107 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+import routes from './routes'
+import store from '@/store'
+// import { Message } from 'element-ui'
+import NProgress from 'nprogress' // progress bar
+import 'nprogress/nprogress.css' // progress bar style
+import { getToken } from '@/utils/auth' // get token from cookie
+import getPageTitle from '@/utils/get-page-title'
+import { canTurnTo } from '@/utils/access'
+
+// 全局引用vue-router
+Vue.use(Router)
+NProgress.configure({ showSpinner: false }) // NProgress Configuration
+
+// const whiteList = ['/login'] // no redirect whitelist
+
+/**
+ * Note: sub-menu only appear when route children.length >= 1
+ * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
+ *
+ * hidden: true if set true, item will not show in the sidebar(default is false)
+ * alwaysShow: true if set true, will always show the root menu
+ * if not set alwaysShow, when item has more than one children route,
+ * it will becomes nested mode, otherwise not show the root menu
+ * redirect: noRedirect if set noRedirect will no redirect in the breadcrumb
+ * name:'router-name' the name is used by
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/dashboard/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/dashboard/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..33e5ab6ecfef1d683c22654ac42cad7d41d0ce9d
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/dashboard/index.vue"
@@ -0,0 +1,30 @@
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+ OOPS!
+ All rights reserved
+ wallstreetcn
+
+ {{ message }}
+ Please check that the URL you entered is correct, or click the button below to return to the homepage.
+ Back to home
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/error/401.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/error/401.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..ba531178e3e810f5478cfc69fd17f6852a00500b
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/error/401.vue"
@@ -0,0 +1,3 @@
+
+ name: {{ name }}
+ 401
+ diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/error/404.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/error/404.vue" new file mode 100644 index 0000000000000000000000000000000000000000..288eff3f1b401e6baab61d7fca4dca383f6fe4e2 --- /dev/null +++ "b/\346\233\276\345\277\227\345\213\207/src/views/error/404.vue" @@ -0,0 +1,3 @@ + +404
+ diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/form/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/form/index.vue" new file mode 100644 index 0000000000000000000000000000000000000000..f4d66d3bdb73260c97bcb8fa8b9b10d6775dccbc --- /dev/null +++ "b/\346\233\276\345\277\227\345\213\207/src/views/form/index.vue" @@ -0,0 +1,85 @@ + +
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Create
+ Cancel
+
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/login/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/login/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..5ae1c98c4876929e517eb4616f5cf9159dacab46
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/login/index.vue"
@@ -0,0 +1,242 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 记住我
+
+Login
+
+
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..30cb670118ee7441850a6f8f83bda2b3514d8e0c
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/index.vue"
@@ -0,0 +1,7 @@
+
+
+
+
+ Login Form
++
+ username: admin
+ password: any
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-1/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-1/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..27e173a6b473d2eb308f059384bf9c4790894a5f
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-1/index.vue"
@@ -0,0 +1,7 @@
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-2/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-2/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..0c86276e0162396768de0d2781927e7d0322130f
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-2/index.vue"
@@ -0,0 +1,7 @@
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..f87d88f4908681b45eae1fbb26389b86b5f9cc1d
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue"
@@ -0,0 +1,5 @@
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..d88789f205ed5bbba622bfb1b6291ad827e6004d
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue"
@@ -0,0 +1,5 @@
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-3/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-3/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..f7cd0738f1b36e662bf6b088b337c79865878c4c
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu1/menu1-3/index.vue"
@@ -0,0 +1,5 @@
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/nested/menu2/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu2/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..19dd48f0edf37f54317f14b0cfb707d00ab04f11
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/nested/menu2/index.vue"
@@ -0,0 +1,5 @@
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/setting/roles/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/setting/roles/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..9201c49d701029fbbf0b5547e51b12709272a2a1
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/setting/roles/index.vue"
@@ -0,0 +1,296 @@
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/setting/users/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/setting/users/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..3078480e721bb58f6518204400b22bebb6d5ebf2
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/setting/users/index.vue"
@@ -0,0 +1,164 @@
+
+
+ 角色设置
+
+
+
+
+
+ 筛选
+
+
+ 添加
+ 刷新
+
+
+
+
+
+ 编辑
+ 权限
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/shopping/product/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/shopping/product/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..0b07a9101897c8f0e7943adc0de63fcf4bb4288e
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/shopping/product/index.vue"
@@ -0,0 +1,164 @@
+
+
+ 角色设置
+
+
+
+
+
+ 筛选
+
+
+ 添加
+ 刷新
+
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/table/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/table/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..a1ed847f954a40c0e80f8d90614305f22274578e
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/table/index.vue"
@@ -0,0 +1,79 @@
+
+
+ 角色设置
+
+
+
+
+
+ 筛选
+
+
+ 添加
+ 刷新
+
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.$index }}
+
+
+
+
+ {{ scope.row.title }}
+
+
+
+
+ {{ scope.row.author }}
+
+
+
+
+ {{ scope.row.pageviews }}
+
+
+
+
+ {{ scope.row.status }}
+
+
+
+
+
+ {{ scope.row.display_time }}
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/src/views/tree/index.vue" "b/\346\233\276\345\277\227\345\213\207/src/views/tree/index.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..89c6b01de2ccba837d3f76aedc0638d88edcf003
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/src/views/tree/index.vue"
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
diff --git "a/\346\233\276\345\277\227\345\213\207/tests/unit/.eslintrc.js" "b/\346\233\276\345\277\227\345\213\207/tests/unit/.eslintrc.js"
new file mode 100644
index 0000000000000000000000000000000000000000..958d51ba27f55d294e6950088886d7ad71199d74
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/tests/unit/.eslintrc.js"
@@ -0,0 +1,5 @@
+module.exports = {
+ env: {
+ jest: true
+ }
+}
diff --git "a/\346\233\276\345\277\227\345\213\207/tests/unit/components/Breadcrumb.spec.js" "b/\346\233\276\345\277\227\345\213\207/tests/unit/components/Breadcrumb.spec.js"
new file mode 100644
index 0000000000000000000000000000000000000000..1d94c8fc7114473c0f9e9875ee727276a109a149
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/tests/unit/components/Breadcrumb.spec.js"
@@ -0,0 +1,98 @@
+import { mount, createLocalVue } from '@vue/test-utils'
+import VueRouter from 'vue-router'
+import ElementUI from 'element-ui'
+import Breadcrumb from '@/components/Breadcrumb/index.vue'
+
+const localVue = createLocalVue()
+localVue.use(VueRouter)
+localVue.use(ElementUI)
+
+const routes = [
+ {
+ path: '/',
+ name: 'home',
+ children: [{
+ path: 'dashboard',
+ name: 'dashboard'
+ }]
+ },
+ {
+ path: '/menu',
+ name: 'menu',
+ children: [{
+ path: 'menu1',
+ name: 'menu1',
+ meta: { title: 'menu1' },
+ children: [{
+ path: 'menu1-1',
+ name: 'menu1-1',
+ meta: { title: 'menu1-1' }
+ },
+ {
+ path: 'menu1-2',
+ name: 'menu1-2',
+ redirect: 'noredirect',
+ meta: { title: 'menu1-2' },
+ children: [{
+ path: 'menu1-2-1',
+ name: 'menu1-2-1',
+ meta: { title: 'menu1-2-1' }
+ },
+ {
+ path: 'menu1-2-2',
+ name: 'menu1-2-2'
+ }]
+ }]
+ }]
+ }]
+
+const router = new VueRouter({
+ routes
+})
+
+describe('Breadcrumb.vue', () => {
+ const wrapper = mount(Breadcrumb, {
+ localVue,
+ router
+ })
+ it('dashboard', () => {
+ router.push('/dashboard')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(1)
+ })
+ it('normal route', () => {
+ router.push('/menu/menu1')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(2)
+ })
+ it('nested route', () => {
+ router.push('/menu/menu1/menu1-2/menu1-2-1')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(4)
+ })
+ it('no meta.title', () => {
+ router.push('/menu/menu1/menu1-2/menu1-2-2')
+ const len = wrapper.findAll('.el-breadcrumb__inner').length
+ expect(len).toBe(3)
+ })
+ // it('click link', () => {
+ // router.push('/menu/menu1/menu1-2/menu1-2-2')
+ // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+ // const second = breadcrumbArray.at(1)
+ // console.log(breadcrumbArray)
+ // const href = second.find('a').attributes().href
+ // expect(href).toBe('#/menu/menu1')
+ // })
+ // it('noRedirect', () => {
+ // router.push('/menu/menu1/menu1-2/menu1-2-1')
+ // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+ // const redirectBreadcrumb = breadcrumbArray.at(2)
+ // expect(redirectBreadcrumb.contains('a')).toBe(false)
+ // })
+ it('last breadcrumb', () => {
+ router.push('/menu/menu1/menu1-2/menu1-2-1')
+ const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+ const redirectBreadcrumb = breadcrumbArray.at(3)
+ expect(redirectBreadcrumb.contains('a')).toBe(false)
+ })
+})
diff --git "a/\346\233\276\345\277\227\345\213\207/tests/unit/components/Hamburger.spec.js" "b/\346\233\276\345\277\227\345\213\207/tests/unit/components/Hamburger.spec.js"
new file mode 100644
index 0000000000000000000000000000000000000000..01ea303a5e16f875972722d7665383836b20654c
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/tests/unit/components/Hamburger.spec.js"
@@ -0,0 +1,18 @@
+import { shallowMount } from '@vue/test-utils'
+import Hamburger from '@/components/Hamburger/index.vue'
+describe('Hamburger.vue', () => {
+ it('toggle click', () => {
+ const wrapper = shallowMount(Hamburger)
+ const mockFn = jest.fn()
+ wrapper.vm.$on('toggleClick', mockFn)
+ wrapper.find('.hamburger').trigger('click')
+ expect(mockFn).toBeCalled()
+ })
+ it('prop isActive', () => {
+ const wrapper = shallowMount(Hamburger)
+ wrapper.setProps({ isActive: true })
+ expect(wrapper.contains('.is-active')).toBe(true)
+ wrapper.setProps({ isActive: false })
+ expect(wrapper.contains('.is-active')).toBe(false)
+ })
+})
diff --git "a/\346\233\276\345\277\227\345\213\207/tests/unit/components/SvgIcon.spec.js" "b/\346\233\276\345\277\227\345\213\207/tests/unit/components/SvgIcon.spec.js"
new file mode 100644
index 0000000000000000000000000000000000000000..31467a9f6fba16a81a90923db02da289248e2bc6
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/tests/unit/components/SvgIcon.spec.js"
@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+import SvgIcon from '@/components/SvgIcon/index.vue'
+describe('SvgIcon.vue', () => {
+ it('iconClass', () => {
+ const wrapper = shallowMount(SvgIcon, {
+ propsData: {
+ iconClass: 'test'
+ }
+ })
+ expect(wrapper.find('use').attributes().href).toBe('#icon-test')
+ })
+ it('className', () => {
+ const wrapper = shallowMount(SvgIcon, {
+ propsData: {
+ iconClass: 'test'
+ }
+ })
+ expect(wrapper.classes().length).toBe(1)
+ wrapper.setProps({ className: 'test' })
+ expect(wrapper.classes().includes('test')).toBe(true)
+ })
+})
diff --git "a/\346\233\276\345\277\227\345\213\207/tests/unit/utils/formatTime.spec.js" "b/\346\233\276\345\277\227\345\213\207/tests/unit/utils/formatTime.spec.js"
new file mode 100644
index 0000000000000000000000000000000000000000..24e165b42df1d849b994d6f477eea79da9431e51
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/tests/unit/utils/formatTime.spec.js"
@@ -0,0 +1,30 @@
+import { formatTime } from '@/utils/index.js'
+
+describe('Utils:formatTime', () => {
+ const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
+ const retrofit = 5 * 1000
+
+ it('ten digits timestamp', () => {
+ expect(formatTime((d / 1000).toFixed(0))).toBe('7月13日17时54分')
+ })
+ it('test now', () => {
+ expect(formatTime(+new Date() - 1)).toBe('刚刚')
+ })
+ it('less two minute', () => {
+ expect(formatTime(+new Date() - 60 * 2 * 1000 + retrofit)).toBe('2分钟前')
+ })
+ it('less two hour', () => {
+ expect(formatTime(+new Date() - 60 * 60 * 2 * 1000 + retrofit)).toBe('2小时前')
+ })
+ it('less one day', () => {
+ expect(formatTime(+new Date() - 60 * 60 * 24 * 1 * 1000)).toBe('1天前')
+ })
+ it('more than one day', () => {
+ expect(formatTime(d)).toBe('7月13日17时54分')
+ })
+ it('format', () => {
+ expect(formatTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
+ expect(formatTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
+ expect(formatTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
+ })
+})
diff --git "a/\346\233\276\345\277\227\345\213\207/tests/unit/utils/param2Obj.spec.js" "b/\346\233\276\345\277\227\345\213\207/tests/unit/utils/param2Obj.spec.js"
new file mode 100644
index 0000000000000000000000000000000000000000..e106ed88b54ea85bf0c714dc73f8f4c740877d24
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/tests/unit/utils/param2Obj.spec.js"
@@ -0,0 +1,14 @@
+import { param2Obj } from '@/utils/index.js'
+describe('Utils:param2Obj', () => {
+ const url = 'https://github.com/PanJiaChen/vue-element-admin?name=bill&age=29&sex=1&field=dGVzdA==&key=%E6%B5%8B%E8%AF%95'
+
+ it('param2Obj test', () => {
+ expect(param2Obj(url)).toEqual({
+ name: 'bill',
+ age: '29',
+ sex: '1',
+ field: window.btoa('test'),
+ key: '测试'
+ })
+ })
+})
diff --git "a/\346\233\276\345\277\227\345\213\207/tests/unit/utils/parseTime.spec.js" "b/\346\233\276\345\277\227\345\213\207/tests/unit/utils/parseTime.spec.js"
new file mode 100644
index 0000000000000000000000000000000000000000..56045af4a8b471c8e2747db6f8b56daf30bfe9c5
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/tests/unit/utils/parseTime.spec.js"
@@ -0,0 +1,35 @@
+import { parseTime } from '@/utils/index.js'
+
+describe('Utils:parseTime', () => {
+ const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
+ it('timestamp', () => {
+ expect(parseTime(d)).toBe('2018-07-13 17:54:01')
+ })
+ it('timestamp string', () => {
+ expect(parseTime((d + ''))).toBe('2018-07-13 17:54:01')
+ })
+ it('ten digits timestamp', () => {
+ expect(parseTime((d / 1000).toFixed(0))).toBe('2018-07-13 17:54:01')
+ })
+ it('new Date', () => {
+ expect(parseTime(new Date(d))).toBe('2018-07-13 17:54:01')
+ })
+ it('format', () => {
+ expect(parseTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
+ expect(parseTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
+ expect(parseTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
+ })
+ it('get the day of the week', () => {
+ expect(parseTime(d, '{a}')).toBe('五') // 星期五
+ })
+ it('get the day of the week', () => {
+ expect(parseTime(+d + 1000 * 60 * 60 * 24 * 2, '{a}')).toBe('日') // 星期日
+ })
+ it('empty argument', () => {
+ expect(parseTime()).toBeNull()
+ })
+
+ it('null', () => {
+ expect(parseTime(null)).toBeNull()
+ })
+})
diff --git "a/\346\233\276\345\277\227\345\213\207/tests/unit/utils/validate.spec.js" "b/\346\233\276\345\277\227\345\213\207/tests/unit/utils/validate.spec.js"
new file mode 100644
index 0000000000000000000000000000000000000000..f774905b00e87bc002972c21b8fab5c4b34ecc81
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/tests/unit/utils/validate.spec.js"
@@ -0,0 +1,17 @@
+import { validUsername, isExternal } from '@/utils/validate.js'
+
+describe('Utils:validate', () => {
+ it('validUsername', () => {
+ expect(validUsername('admin')).toBe(true)
+ expect(validUsername('editor')).toBe(true)
+ expect(validUsername('xxxx')).toBe(false)
+ })
+ it('isExternal', () => {
+ expect(isExternal('https://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+ expect(isExternal('http://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+ expect(isExternal('github.com/PanJiaChen/vue-element-admin')).toBe(false)
+ expect(isExternal('/dashboard')).toBe(false)
+ expect(isExternal('./dashboard')).toBe(false)
+ expect(isExternal('dashboard')).toBe(false)
+ })
+})
diff --git "a/\346\233\276\345\277\227\345\213\207/vue.config.js" "b/\346\233\276\345\277\227\345\213\207/vue.config.js"
new file mode 100644
index 0000000000000000000000000000000000000000..495e464d0d5d59ee498b5c84d547baaf5e87f5c5
--- /dev/null
+++ "b/\346\233\276\345\277\227\345\213\207/vue.config.js"
@@ -0,0 +1,123 @@
+'use strict'
+const path = require('path')
+const defaultSettings = require('./src/settings.js')
+
+function resolve(dir) {
+ return path.join(__dirname, dir)
+}
+
+const name = defaultSettings.title || 'vue Admin Template' // page title
+
+// If your port is set to 80,
+// use administrator privileges to execute the command line.
+// For example, Mac: sudo npm run
+// You can change the port by the following methods:
+// port = 9528 npm run dev OR npm run dev --port = 9528
+const port = process.env.port || process.env.npm_config_port || 9528 // dev port
+
+// All configuration item explanations can be find in https://cli.vuejs.org/config/
+module.exports = {
+ /**
+ * You will need to set publicPath if you plan to deploy your site under a sub path,
+ * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
+ * then publicPath should be set to "/bar/".
+ * In most cases please use '/' !!!
+ * Detail: https://cli.vuejs.org/config/#publicpath
+ */
+ publicPath: '/',
+ outputDir: 'dist',
+ assetsDir: 'static',
+ lintOnSave: process.env.NODE_ENV === 'development',
+ productionSourceMap: false,
+ // devServer: {
+ // port: port,
+ // open: true,
+ // overlay: {
+ // warnings: false,
+ // errors: true
+ // },
+ // before: require('./mock/mock-server.js')
+ // },
+ configureWebpack: {
+ // provide the app's title in webpack's name field, so that
+ // it can be accessed in index.html to inject the correct title.
+ name: name,
+ resolve: {
+ alias: {
+ '@': resolve('src')
+ }
+ }
+ },
+ chainWebpack(config) {
+ // it can improve the speed of the first screen, it is recommended to turn on preload
+ config.plugin('preload').tap(() => [
+ {
+ rel: 'preload',
+ // to ignore runtime.js
+ // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
+ fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
+ include: 'initial'
+ }
+ ])
+
+ // when there are many pages, it will cause too many meaningless requests
+ config.plugins.delete('prefetch')
+
+ // set svg-sprite-loader
+ config.module
+ .rule('svg')
+ .exclude.add(resolve('src/icons'))
+ .end()
+ config.module
+ .rule('icons')
+ .test(/\.svg$/)
+ .include.add(resolve('src/icons'))
+ .end()
+ .use('svg-sprite-loader')
+ .loader('svg-sprite-loader')
+ .options({
+ symbolId: 'icon-[name]'
+ })
+ .end()
+
+ config
+ .when(process.env.NODE_ENV !== 'development',
+ config => {
+ config
+ .plugin('ScriptExtHtmlWebpackPlugin')
+ .after('html')
+ .use('script-ext-html-webpack-plugin', [{
+ // `runtime` must same as runtimeChunk name. default is `runtime`
+ inline: /runtime\..*\.js$/
+ }])
+ .end()
+ config
+ .optimization.splitChunks({
+ chunks: 'all',
+ cacheGroups: {
+ libs: {
+ name: 'chunk-libs',
+ test: /[\\/]node_modules[\\/]/,
+ priority: 10,
+ chunks: 'initial' // only package third parties that are initially dependent
+ },
+ elementUI: {
+ name: 'chunk-elementUI', // split elementUI into a single package
+ priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+ test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+ },
+ commons: {
+ name: 'chunk-commons',
+ test: resolve('src/components'), // can customize your rules
+ minChunks: 3, // minimum common number
+ priority: 5,
+ reuseExistingChunk: true
+ }
+ }
+ })
+ // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
+ config.optimization.runtimeChunk('single')
+ }
+ )
+ }
+}