效果演示地址, github地址: demo演示:         1.About 此项目是 vue2.0 + element-ui + node+mongodb 构建的后台管理系统,所有的数据都是从服务器实时获取的真实数据,具有真实的注册.登录.数据显示.新增数据.修改数据.删除数据等功能.   2.说明 如果对您对此项目有兴趣,可以点 "Star" 支持一下 谢谢! ^_^ 或者您可以 "follow" 一下,我会不断开源更多的有趣的项目 开发环境 window

上篇文章里面讲到如何新建一个基于vue,js的项目(详细文章请戳用Vue创建一个新的项目). 该项目如果需要组件等都需要自己去写,今天就学习一下如何新建一个基于vue.js+Mint UI的项目,直接使用比较热门的一个基于 Vue.js 的移动端组件库,那就是MintUI. 使用 vue-cli 首先需要使用vue-cli,因为上一篇文章里已经说过如何安装,这里就不细说,跟之前一样.cmd里输入命令行. npm install -g vue-clivue init webpack project

做这份笔记的时候,Vue.js还是1.0,10月份Vue已经升级到2.0,这边也进行相应的更新,用Vue2.0进行一个简单的环境搭建 饿了么也刚好开源了其基于Vue.js的UI框架element-ui 传送门 Node npm | nrm Vue | Guide Vue-router | Documentation Vue-resource element-ui | Documentation Bootstrap | Font Awesome & documentation CNode社区 |

引子 学生时代为了掌握某个知识点会不断地做习题,做总结,步入岗位之后何尝不是一样呢?做业务就如同做习题,如果‘课后’适当地进行总结,必然更快地提升自己的水平. 由于公司采用的react+node的技术栈,于是就完成了一个reactSPA小项目,计划日后把平时工作中遇到的业务以及学习中遇到有趣的东西给抽象成demo展示出来.目前该项目只是把雏形搭好,效果如下.在此文的基础上,写了篇新文章使用React全家桶搭建一个后台管理系统,欢迎围观.(附注:因为项目不时更新,文章不一定会即时更新,所以以实际的

TP-Admin即基于ThinkPHP5的web后台管理系统(总结一套自己的后台管理系统,方便自己后续的项目开发.) 主要特性:自适应手机端.支持国际化.吸取其他CMF框架优点.多站点部署.日志记录.基础封装.账号管理.异步请求.> 新版本在线体验地址已经上线,欢迎体验 ---2017-01-14 > 喜欢就Star,不只是Fork: > 想要分享的动机才是驱动力,而技术仅仅是一种方法. ====================== # TP-admin TP-admin即基于Think

大家好,我是张飞洪,感谢您的阅读,我会不定期和你分享学习心得,希望我的文章能成为你成长路上的垫脚石,让我们一起精进. 由于录制视频的需要,要做前端UI组件库的选型.平时国内外也见了不少基于Vue的UI组件,积累了一些素材,现在分享给大家. 本文讨论的主题包括: 为什么使用第三方组件库 第三方UI库比对 选型的依据 我选的选型 为什么使用第三方组件库 现在这个年代,好像问这么一个问题很傻,谁会自己造轮子呢?确实是这样.但是对于刚毕业的同学,或者从Ext.js年代过来的同学可能不会觉得奇怪.因为在前

1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k 中文文档 在线预览 2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k 基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式. 中文文档 在线预览 3.Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的

目录 使用的技术 基础但不好版 1.初始化项目 2.实现初始页内容自定义 3.使用路由 原始代码 自建页面 修改路由 4.测试路由跳转 补充 子路由版 嵌套router-view 定义子路由 修改菜单 修改component 补充 带请求版 统一配置axios实例 定义API调用信息 调用API 使用mock 代码 未涉及问题 首发日期:2019-06-27 使用的技术 vue.js+element UI+mock.js vue.js是核心 element UI是一个支持vue.js的UI组件库

环境:python3.5.2 ,django 2.0 ,xadmin2.0 Firsttly, 到 https://github.com/sshwsfc/xadmin/tree/django2上下载源码,之后把其中的xadmin目录放在项目目录中新建的extra_apps这个目录中 Secondly, 将extra_apps mark as source root ,然后在settings中将其导入到python 的搜索目录中 # Build paths inside the project l

  前言 开一个系列记录下一次从0开始搭建一个网站的过程.前后端项目都是在github找的开源项目,主要用于练习部署. 前端:vue.js 后端: spring-boot 搭建环境:centOS7.6.docker.nginx.elasticsearch.mongodb.mysql.redis github找的一个开源项目: 后台:https://github.com/macrozheng/mall 前端:https://github.com/macrozheng/mall-admin-web

最近工作不是很忙,自己在学习vue,在网上找了一个简单的项目练练手..... 这是本人的gitHub 上的项目地址:https://github.com/shixiaoyanyan/vue-admin-demo:有兴趣的可以下载看看. 下载后估计没有依赖包,所以,下载后需要打开终端在你项目所在的目录安装:输入命令:npm install:再输入:npm run dev 就可以看到了.. 1.项目的目录: 2.浏览器运行的结果: 登录进去: 以上是自己参考网上项目做得简单的后台系统管理,再接再厉.

部署vue前端项目  一.下载项目到本地   https://github.com/macrozheng/mall-admin-web 二.npm install 三.修改api配置,改为你接下来要部署的后台项目的ip:port 四.编译打包 五.部署 蒋dist文件夹压缩成 dist.tar.gz 安装远程复制工具 yum -y install lrzsz 进入nginx文件夹:cd mydata/nginx/ 执行拷贝命令将本地dist文件拷贝到 nginx文件夹下:rz 解压:tar -z

安装docker 我们整个工程都会基于docker来跑,因此首先安装docker.在安装所有软件之前,我们需要先下载一个下载工具. 1.下载工具安装  yum-utils yum install -y yum-utils device-mapper-persistent-data lvm2 2.为yum源添加docker仓库位置 yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.rep

后台mall-admin 负载均衡 1.新启动一个mall-admin docker实例 docker run -p 9002:9001 --name mall-admin-9002 --link mysql:db -v /etc/localtime:/etc/localtime -v /mydata/app/admin-9002/logs:/var/logs -d mall-admin 端口:9002 实例名字:mall-admin-9002 注意防火墙和阿里云安全组开启9002 2.配置ng

安装中间件 去另外一台2核4G的机器先安装docker,然后安装后台项目使用的中间件 一.mysql 下载镜像:docker pull mysql:5.7 启动镜像实例:docker run -p 3306:3306 --name mysql -v /mydata/mysql/log:/var/log/mysql -v /mydata/mysql/data:/var/lib/mysql -v /mydata/mysql/conf:/etc/mysql -e MYSQL_ROOT_PASSWORD

搞定服务器 双11在阿里云用家人的身份证注册账号,买了两台打折的服务器.2核4G一台3年799块:1核2G一台3年229块.机器配置如下图. 1.买的时候注意相同地区的相同可用区.比如我两台机器都选择的是华东2(上海)可用区B区.这样两台机器互相调用时就可以走内网. 2.安装好操作系统: CentOS 7.6 64位 3.我暂时的计划是1核2G的部署前端:2核4G的部署后台的服务和中间件

制作spring-boot的docker镜像并部署 一.下载后端项目:https://github.com/macrozheng/mall 二.修改mall-admin项目的配置文件 修改application-prod.yml的数据库username.password为自己服务器的 增加application-prod.yml配置的 server.port:9001 pom.xml增加plugin: <plugin> <groupId>com.spotify</groupI

安装nginx 搜索镜像:systemctl search nginx 下载镜像(注意带上版本):docker pull nginx:1.10 查看自己机器的所有镜像:docker images 启动镜像: docker run -p 80:80 --name nginx -v /mydata/nginx/html:/usr/share/nginx/html -v /mydata/nginx/logs:/var/log/nginx -v /mydata/nginx/conf:/etc/nginx

开发过程中,免不了需要前台与后台的交互,大部分的交互都是通过Ajax请求来完成,在服务端未完成开发时,前端需要有一个可以模拟Ajax请求的服务器. 在NodeJs环境下,通过配置express可访问的静态资源,实现模拟数据请求 由于对NodeJS还不是很熟悉,所以,文中可能有不少错误的地方,请谅解,欢迎批评和指正 服务开发运行环境文件配置 目录结构说明 整个vue.js项目的一般目录结构如下: build 编译打包和开发模式下运行的主要文件 config 编译打包和开发模式下相关的配置文件 no

接上篇开始安装mysql和redis 注意了,如果用阿里云服务器,外网访问的端口必须在安全组开启,否则外网访问不通 三.服务器安装redis和mysql 本次环境搭建将所有第三方服务会安装在阿里云服务器上 jdk使用java8,对jdk的安装就不做详述了 首先是mysql安装,这里我使用docker来安装mysql,由于我早就安装了docker,这里docker怎么装就不详细描述了,网上随处可见,很容易安装 接下来执行 docker pull hub.c.163.com/library/mysq

框架搭建 一.初步设想,使用springboot,框架打算用到依赖 spring web,devTools,mysql,Aspect,Redis,Lombok,Freemark,Shiro,Rabbitmq,MyBatis 登录 start.spring.io 自动生成springboot项目,把能加的依赖都加进来 生成目录结构如下 之后再添加些必要依赖,如日志,数据库连接池,mybaits分页插件,mybatis自动生成代码工具等 二.配置application.properties #热部署