{"id":18914320,"url":"https://github.com/xlong1029/xlong-admin-iview","last_synced_at":"2025-04-15T08:31:16.138Z","repository":{"id":126691114,"uuid":"101024812","full_name":"xLong1029/xlong-admin-iview","owner":"xLong1029","description":"基于 Vue + iView +Mock 开发的单页面客户端渲染管理后台系统示例","archived":false,"fork":false,"pushed_at":"2023-10-08T03:58:09.000Z","size":48923,"stargazers_count":6,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2023-10-08T04:30:59.613Z","etag":null,"topics":["admin","iview2","mock","vue","webpack"],"latest_commit_sha":null,"homepage":"https://xlong1029.github.io/xlong-admin-vue/#/Login","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xLong1029.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2017-08-22T05:32:46.000Z","updated_at":"2023-02-01T08:50:13.000Z","dependencies_parsed_at":"2023-06-17T16:45:38.608Z","dependency_job_id":null,"html_url":"https://github.com/xLong1029/xlong-admin-iview","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-admin-iview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-admin-iview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-admin-iview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xLong1029%2Fxlong-admin-iview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xLong1029","download_url":"https://codeload.github.com/xLong1029/xlong-admin-iview/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223664816,"owners_count":17182195,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin","iview2","mock","vue","webpack"],"created_at":"2024-11-08T10:11:02.293Z","updated_at":"2024-11-08T10:11:02.880Z","avatar_url":"https://github.com/xLong1029.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# xlong-admin-iview\n\n## 重要通知！！！ \n我的账号在Github开启2FA设置后，因某种原因丢失恢复码导致账号无法登录，日后该账号下的所有项目在github不再更新，若想查看持续更新的项目请移步到 [我的码云仓库](https://gitee.com/xlong1029)\n\n## 介绍\n\nxlong-admin-iview 是一套基于 Vue + iView + Mock 开发的单页面客户端渲染管理后台系统示例。  \n\n温馨提示：  \n1. 原来使用Bmob开发的版本用的是开发版套餐（2022 年 5 月 5 日起，Bomb已对开发版应用创建时间超过 12 个月的停止免费服务），因为穷不想充值，所以不打算继续维护了。  \n2. Bmob版传送门：[develop-bmob](https://github.com/xLong1029/xlong-admin-iview/tree/develop-bmob)\n\n*该项目仅作学习参考，请勿商用\n\n## 项目展示\n\n\u003e DEMO地址：https://xlong1029.github.io/xlong-admin-iview/#/Login\n\n## 项目迭代\n\n1. V1.0版本\n\n    文件存储使用七牛云（由于测试域名被收回的原因，上传功能保留，但无法获取上传成功后的URL）；  \n    富文本编辑器使用 Vue-quill-editor\n\n2. V2.0版本\n\n    富文本编辑器改用Tinymce；  \n    图片裁剪组件，裁剪后改用实时预览方式；  \n    Bmob改用依赖包引入方式；  \n    文件存储使用Bmob存储，已解决跨域问题\n\n3. V3.0版本\n\n    更新iView至3.x版本，并通过vue-cli3.0重构项目；  \n    移除:jQuery插件，“侧边栏”组件改用原生JS方法重写；  \n    Bmob已添加自定义域名，解决上传文件提示\"invisible domain\"的问题；  \n    添加:404页面、路由访问权限和“可编辑表格”和“树形筛选”组件  \n\n3. V4.0版本\n\n    更新iView至4.x版本(即ViewUI)，并通过vue-cli4.0重构项目；  \n    优化\"侧边栏\"组件，轻减代码，修复部分BUG；  \n    优化“图片上传”组件；  \n    更新“可编辑表格”组件样式\n    \n3. V4.1版本\n\n    因为穷，改用Mock模拟请求；  \n    新增环境配置；  \n    修改界面布局，固定头部，仅内容区域滚动；  \n    修复了一堆BUG\n\n## 项目用到技术、框架与插件\n[Vue.js](https://github.com/vuejs)  \n[webpack](https://github.com/webpack)  \n[iView](https://github.com/iview/iview)  \n[Tinymce](https://github.com/tinymce/tinymce)  \n[vue-awesome-swiper](https://github.com/surmon-china/vue-awesome-swiper)  \n[Mock](http://mockjs.com) \n\n## 部分项目运行截图\n* 登录界面\n\n![Image text](static/images/screen-1.gif)\n\n* 个人资料\n\n![Image text](static/images/screen-2.gif)\n\n* 树形筛选\n\n![Image text](static/images/screen-3.gif)\n\n* 可编辑表格\n\n![Image text](static/images/screen-4.gif)\n\n* 图片上传\n\n![Image text](static/images/screen-5.gif)\n\n* 账户管理功能\n\n![Image text](static/images/screen-6.gif)\n\n* 版块管理功能\n\n![Image text](static/images/screen-7.gif)\n\n## 目录结构\n\n```\n│  .browserslistrc // 浏览器可访问配置\n│  .env.development\n│  .env.production\n│  .env.staging\n│  .gitignore\n│  package.json\n│  babel.config.js // babel配置\n│  vue.config.js // 配置文件\n│  README.md\n│\n├─pubilc\n│   favicon.ico // 图标\n│   index.html // 首页入口文件\n│\n├─src\n│  │  main.js // 项目入口js\n│  │  App.vue // 根组件\n│  │\n│  ├─assets // 资源目录，这里的资源会被wabpack构建\n│  ├─api // api接口文件\n│  ├─theme // iView主题样式\n│  ├─store  // 应用级数据（state）\n│  │\n│  ├─mock // 模拟请求数据\n│  │    index.js // mock数据\n│  │    mock-handle.js // mock数据处理\n│  │    mock-server.js // mock服务\n│  │\n│  ├─components // 功能组件\n│  │  │\n│  │  ├─Common // 通用组件\n│  │  ├─Image // 图片相关组件\n│  │  ├─Input // 信息输入相关组件\n│  │  ├─Sidebar // 侧边栏相关组件\n│  │  ├─Tree // 树形相关组件\n│  │  └─Table // 表格相关组件\n│  │\n│  ├─views // 视图\n│  │  │\n│  │  ├─Layout // 布局视图\n│  │  ├─Home // 主页\n│  │  ├─Components // 组件展示相关\n│  │  ├─Error // 错误页面\n│  │  ├─Examples // 操作示例相关\n│  │  ├─Passport // 通行验证，登录注册等\n│  │  └─Profile // 个人信息相关\n│  │\n│  ├─mixins // 混合模块\n│  │    city_select.js // 城市联级选择\n│  │    email_complete.js // 邮件地址自动填充\n│  │    page.js // 页码配置\n│  │    table_operate.js // 表格操作\n│  │    table_query.js // 表格查询\n│  │    upload_img.js // 上传图片\n│  │\n│  ├─common // 通用js模块\n│  │    common.js // 封装一些公共常量\n│  │    table-setting.js // 封装一些iView表格按钮渲染\n│  │    validate.js // 封装一些iView表单验证方法\n│  │\n│  ├─utils // 通用工具函数\n│  │    index.js\n│  │\n│  └─router  // 路由配置\n│       index.js\n│       routes.js\n│\n├─static // 静态资源\n│\n└─tests // 单元测试文件\n```\n\n## 本地运行\n1. 安装前台依赖\n\u003e npm install\n2. 运行前台项目\n\u003e npm run serve\n3. 访问地址：http://localhost:6060\n\n## 项目打包\n按需求选择打包命令(请将vue.config.js中publicPath改成你的项目)：\n\n\u003e npm run build:prod\n\n\u003e npm run build:stage\n\n## 作者联系方式\n\nQQ：381612175\nTEL: 18376686974\n\ngithub：https://github.com/xLong1029/\n\n站酷主页：http://xlong.zcool.com.cn/\n\nUI中国：http://i.ui.cn/ucenter/358591.html\n\n* 此项目做学习Vuejs测试使用，有什么问题可联系我讨论\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxlong1029%2Fxlong-admin-iview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxlong1029%2Fxlong-admin-iview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxlong1029%2Fxlong-admin-iview/lists"}