{"id":17048854,"url":"https://github.com/saucxs/structure-admin","last_synced_at":"2025-04-12T15:30:55.151Z","repository":{"id":44980745,"uuid":"146850721","full_name":"saucxs/structure-admin","owner":"saucxs","description":"技术栈：nodeJS+vue+vuex+mysql+redis，前端使用vue的element-ui的组件库，后端使用nodeJS的服务，数据库mysql，缓存使用的还redis","archived":false,"fork":false,"pushed_at":"2022-09-26T15:29:54.000Z","size":800,"stargazers_count":51,"open_issues_count":4,"forks_count":32,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-26T10:03:45.615Z","etag":null,"topics":["element-ui","mysql","nodejs","redis","thinkjs","thinkjs3","vue","vuex"],"latest_commit_sha":null,"homepage":"http://structure_admin.mwcxs.top","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/saucxs.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}},"created_at":"2018-08-31T06:25:09.000Z","updated_at":"2025-03-11T09:47:10.000Z","dependencies_parsed_at":"2023-01-18T17:30:19.126Z","dependency_job_id":null,"html_url":"https://github.com/saucxs/structure-admin","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saucxs%2Fstructure-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saucxs%2Fstructure-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saucxs%2Fstructure-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saucxs%2Fstructure-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saucxs","download_url":"https://codeload.github.com/saucxs/structure-admin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248589334,"owners_count":21129590,"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":["element-ui","mysql","nodejs","redis","thinkjs","thinkjs3","vue","vuex"],"created_at":"2024-10-14T09:53:12.134Z","updated_at":"2025-04-12T15:30:54.467Z","avatar_url":"https://github.com/saucxs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [structure-admin](https://github.com/saucxs/structure-admin)\n[![](https://img.shields.io/badge/Powered%20by-saucxs%20-brightgreen.svg)](https://github.com/saucxs/structure-admin)\n[![GitHub license](https://img.shields.io/github/license/saucxs/structure-admin.svg)](https://github.com/saucxs/structure-admin/blob/master/LICENSE)\n[![GitHub stars](https://img.shields.io/github/stars/saucxs/structure-admin.svg)](https://github.com/saucxs/structure-admin/stargazers)\n[![GitHub forks](https://img.shields.io/github/forks/saucxs/structure-admin.svg)](https://github.com/saucxs/structure-admin/network)\n[![GitHub issues](https://img.shields.io/github/issues/saucxs/structure-admin.svg)](https://github.com/saucxs/structure-admin/issues)\n\nstructure-admin是一个后台管控系统的架子，技术栈：nodeJS+vue+vuex+mysql+redis，前端使用vue的element-ui的组件库，后端使用nodeJS的服务，数据库mysql，缓存使用的是redis\n，后端完全使用`nodeJS`，数据库使用`mysql`，基于`nodejs的thinkjs框架搭建的`，全栈开发。\n支持：\n\u003e + 1、vuex来实现状态管理\n\u003e + 2、静态页面，引入后端服务（nodeJs）\n\u003e + 3、组件是用的是element-ui\n\u003e + 4、页面布局是上左右，左右布局使用的弹性和布局flex，左边定宽，右边计算宽度\n\u003e + 5、左右的滚动条是相互独立的，去掉body上的滚动条\n\n如果喜欢`nodeJS`写的后端，支持大前端，支持全栈开发，请请`star`并`fork`项目。\n\n如有使用问题请留言。\n\n### 一、技术栈\n\u003e + ThinkJS（ Node端框架） [官方网站](https://thinkjs.org/)\n\u003e + Vue.js（客户端双向数据绑定框架）  [官方网站](https://cn.vuejs.org/)\n\n### 二、线上地址\n线上地址： [线上地址](http://structure_admin.mwcxs.top)，账号：test，密码：123456\n\n### 三、系统截图\n#### 3.1 登录页\n![image](https://img2018.cnblogs.com/blog/900740/201809/900740-20180918200317862-1493056324.png)\n#### 3.1 主页\n![image](https://img2018.cnblogs.com/blog/900740/201809/900740-20180918200409672-1321068027.png)\n\n\n### 四、本地运行程序\n1、首先你的环境是nodejs，不会安装配置参考：[nodejs环境配置](http://www.mwcxs.top/page/420.html)\n\n2、clone下来项目\n````\ngit clone https://github.com/saucxs/structure-admin.git\n````\n3、分别针对前端vue的structure-admin-web的文件夹和node后端structure-admin-node，安装相应依赖\n````\nnpm install\n````\n4、安装redis（可以考虑安装RedisDesktopManager）\n\n参考：[安装window下的redis，redis可视化管理工具（Redis Desktop Manager）安装，基础使用，实例化项目](http://www.mwcxs.top/page/421.html)\n\n5、安装mysql，这个就不赘述\n\n6、修改nodejs的后端的配置文件adapter.js，config.js这两个文件中\n\n````\nadapter.js\n\nexports.cache = {\n    type: 'redis',\n    common: {\n        timeout: 24 * 60 * 60 * 1000 // millisecond\n    },\n    redis: {\n        handle: redisCache,\n        host: '127.0.0.1',\n        port: 6379,\n        password: 'a123456'  //redis安装时候设置的秘密\n    }\n};\n//\n//\nexports.model = {\n  type: 'mysql',\n  common: {\n    logConnect: true,\n    logSql: true,\n    logger: msg =\u003e think.logger.info(msg)\n  },\n  mysql: {\n    handle: mysql,\n    database: 'structure_admin',\n    prefix: 'structure_',\n    encoding: 'utf8',\n    host: '127.0.0.1',   //本地数据库\n    port: '3306',　　　　　//数据库端口\n    user: 'root',    //数据库的用户名\n    password: '123456',    //数据库该用户名的密码\n    dateStrings: true\n  }\n};\n````\n7、数据库文件，地址在``structure-admin-node/src/common/mysql/structure_admin.sql``\n\n8、分别对前后端分离的项目启动\n\n(1)前端vue的structure-admin-web的启动\n````\nnpm run dev\n ````\n\n(2)和node后端structure-admin-node的启动\n````\nnpm start\n ````\n\n### 说明\n+ 周报系统是基于structure-admin后台管理框架下搭建，周报系统演示地址为：[系统网站平台](http://weekly.mwcxs.top)\n+ 周报系统源码地址：[周报系统源码地址](https://github.com/saucxs/weekly)\n+ 已经封装成npm包[vue-node-cli](https://github.com/saucxs/vue-node-cli)，形成前后端全栈开发-管控系统的模板。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaucxs%2Fstructure-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaucxs%2Fstructure-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaucxs%2Fstructure-admin/lists"}