官方文档地址: ​ ThinkPHP6.0: https://www.kancloud.cn/manual/thinkphp6_0/1037479 ​ ElemetUI: https://element.eleme.cn/#/zh-CN ​ axios: https://www.kancloud.cn/yunye/axios/234845 ​ Vue: https://cn.vuejs.org/v2/guide 创建码云仓库 克隆到本地 git clone 你自己的仓库地址 0608 创建数据库…
一:项目基本构造 ** 项目一共有 16 个页面,是一个电商网销项目,自己在网上的某网上找的一个要做的网站的设计图: 页面主要包括:  登录页 -- 注册页 -- 首页 -- 产品列表页 -- 产品详情页 -- 会员中心页 -- 我的购物车页 -- 支付页 -- 支付成功页 -- 支付失败页 -- 评价页 -- 评价详情页 -- 我的订单页 -- 订单详情页 -- 确认订单页 -- 收货地址列表页: 后端技术: node express  mongo: 前端技术:vue-cli  element…
在项目中,很多时候都需要loading加载动画来缓解用户的焦虑等待,比如说,我打开了一个页面,而这个页面有很多接口请求,但浏览器的请求并发数就那么几个,再加上如果网速不行的话,那么这时候,用户很可能就会纠结自己到底该不该留下来继续等待呢. 所以,这时候,loading动画就是一种缓解等待情绪的方式,当然还有更高端的,比如:骨架屏.有兴趣的朋友可以自行研究,我后续也会找机会分享一下. 下面,开始本文的主要内容,目前我在用的是Vue 2.x版本,ajax请求用的是axios,UI框架用的是eleme…
LNMP代表的就是:Linux系统下Nginx+MySQL+PHP这种网站服务器架构.这里和家分享一下,如何在CentOS 7.0上搭建一个这样的环境,其中软件使用yum方式安装. 进入CentOS 7.0中,首先更新yum. yum -y update 一.修改 yum 源 [root@localhost ~]# rpm -Uvh https://dl.Fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpm [root@local…
安装 redis 到 /usr/目录下 我这里安装的是redis-3.2.9.tar.gz tar zxvf  redis-3.2.9.tar.gz  -C  /usr 然后进行 执行编译命令 make   执行安装  make install 进入redis目录   ll查看所有文件 将 redis.conf文件 移动到usr/local/redis/etc目录下 再进入redis/src 目录 将以下文件移动到 usr/local/redis/bin目录下  方便以后管理 此时进入 usr/…
知识点: 1-MongoDB 安装,启动和卸载 2-基本概念 3-基本的增删改查操作(CURD) 来回顾总结一把学习的mongodb,如果有javascript基础,学习"芒果DB"还是很好理解的,如果会使用mysql,那就更容易了. mongodb是一个介于nosql数据库和mysql数据库之间的一个数据存储系统.Mongo的特点是他支持的查询语言非常强大,几乎可以实现类似关系数据库单表查询的绝大部分功能,而且还支持对数据建立索引. 特点:高性能.易部署.易使用,存储数据非常方便 测…
一.利用vue-cli3快速搭建vue项目 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统.有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create .vue serve .vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境依赖.构建于 webpack 和 webpack-dev-server 之上(提供 如:serve.build 和 inspect 命令) CLI 插件:给Vue 项…
Element 是饿了么全段开发团队推出的一套基于 vue.js2.0 的 PC Web 端开发框架. Element 中文文档:https://element.eleme.cn/#/zh-CN 1.安装Node 开发框架和环境都是需要 Node.js ,所以需要先安装 node.js 环境, vue的运行是要依赖于 node 的 npm 管理工具来实现,Node官网下载地址: https://nodejs.org/en/download/. 安装过程一路Next就可以,安装完成之后,便可以打开…
vue项目创建 环境 1.傻瓜式安装node: 官网下载:https://nodejs.org/zh-cn/ ​ 2.安装cnpm: >: npm install -g cnpm --registry=https://registry.npm.taobao.org ​ 3.安装vue最新脚手架: >: cnpm install -g @vue/cli ​ 注:如果2.3步报错,清除缓存后重新走2.3步 >: npm cache clean --force 创建项目 ''' 1.切到项目文…
目录 vue项目创建 环境 创建项目 重构项目目录 文件修订:目录中非配置文件的多余文件可以移除 全局配置:全局样式.配置文件 axios前后台交互 cookies操作 element-ui页面组件框架 bootstrap页面组件框架 vue项目创建 环境 1.傻瓜式安装node: 官网下载:https://nodejs.org/zh-cn/ 2.安装cnpm: >: npm install -g cnpm --registry=https://registry.npm.taobao.org 3…
相关 (1) 相关博文地址: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y-h/p/12930895.html SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(二):引入 element-ui 定义基本页面显示:https://www.cnblogs.com/l-y-h/p/12935300.html SpringBoot +…
Node环境搭建 本文假定你完成了nodejs的环境基础搭建: 镜像配置(暂时只配置node包镜像源,部分包的二进制镜像源后续讨论).全局以及缓存路径配置,全局路径加入到了环境变量 $ node -v v12.18.1 $ npm -v 6.14.5 $ yarn -v 1.22.4 $ npm list -g --depth 0 +-- hexo@4.2.1 // 忽略Hexo,本人写博用的 `-- yarn@1.22.4 vue脚手架安装 为了更加便捷的创建一个vue项目,我们安装脚手架@v…
缘起 哈喽大家好,兜兜转转终于来到了Vue实战环节,前边的 6 篇关于Vue基础文章我刚刚简单看了看,感觉写的还是不行呀,不是很系统,所以大家可能看上去比较累,还是得抽时间去润润色,修改修改语句和样式,至少也得对得住粉丝哈,应该给博客园官方提个小建议,要是能允许好友或者其他人修改文章的功能就好了,比如百科和Wiki 那种就挺好哈哈,今天呢,终于到了安装环境的一章了,网上的栗子和文档也是很多,本来打算跳过这一章节,但是想想,本系列还是需要这一块来完善的,这才是整体教程嘛,好啦,废话不多说,准备好电…
话不多说都知道vue是基于node环境的.肯定是要安装node环境的 1.node官网下载https://nodejs.org/en/download/对应的版本我的是win的 2.双击下载下来的安装包3.nodejs,默认是安装在C:\Program Files\nodejs下面,我也就不改变了 4.打开C盘的Program Files\nodejs.5.你会发现nodejs文件夹下面有npm,直接用npm安装相环境既可6.win+R,出入cmd,回车,调出DOS窗口.7.因为安装时已经自动配…
 Vue 环境安装 环境准备  nodejs 下载安装  https://nodejs.org/en/ 查看下载版本 C:\>node -v v7.6.0 C:\>npm -v 4.1.2 下载引入  vue.js  https://vuejs.org/js/vue.js npm npm install vue 相关的命令  npm init --yes 初始化项目 自动生成一个 package.json 文件 npm rebuild 拿到别人的项目环境不一致导致报错的时候可以先重建一下环境…
有很多时候你在构建应用时需要访问一个 API 并展示其数据.做这件事的方法有好几种,而使用基于 promise 的 HTTP 客户端 axios 则是其中非常流行的一种. 安装包:如果没有安装cnpm则直接使用npm哦. $ cnpm install axios -s √ Installed 1 packages √ Linked 2 latest versions √ Run 0 scripts √ All packages installed (1 packages installed fr…
Vue.js学习系列: vue.js2.0实战(1):搭建开发环境及构建项目 https://my.oschina.net/brillantzhao/blog/1541638 vue.js2.0实战(2):IDE配置及使用 https://my.oschina.net/brillantzhao/blog/1541702 vue.js2.0实战(3):基础示例 https://my.oschina.net/brillantzhao/blog/1541821 vue.js2.0实战(4):vue-r…
项目简介:该项目是基于日常计算宿舍水电煤气费的需求写的,旨在从无到有实现搭建vue+ElementUI+less+ES6的开发环境并进行简单的开发,使用webpack进行代码的编译.压缩和打包,并疏通了该项目如何放到服务器上运行的全过程. 项目环境搭建一.vue的安装和使用1.安装node2.全局安装vue-cli,用npm install -g vue-cli命令3.用webpack初始化项目,在需要放置项目的路径下用vue init webpack BillingSystem(项目名)命令…
ThinkPHP6.0学习之安装及问题解决 ThinkPHP6.0开发版已经上线了,我已经等了他很久了,现在写一个系列来记录Thinkphp6.0的使用,我们现在从安装开始学习吧. 首先我们要确定ThinkPHP的环境要求,PHP最低要求是7.1.0,所以我们需要安装一个版本高于或同等于7.1.0的PHP版本,我知道怎么安装的可以看我以前的博客,也可以直接使用phpstudy,安装很方便的,这里就不详细说了,可以自己去了解更多的. 安装ThinkPHP需要先安装composer,这里我也不多讲了…
1.到官网(http://nodejs.cn/download/)下载Node.JS运行环境并安装(由于现在的Node中自带npm包管理器,所以就不需要额外下载npm了) 2.如果是新手,那么建议以引入文件的方式使用vue.js.可以在桌面上新建一个文件夹test,打卡文件夹之后,按住shift再鼠标右击,打开powershell,输入npm install vue即可 2.安装好了之后再安装vue-cli(脚手架工具),输入命令:npm install -g vue-cli 3.安装好了之后再…
一. 在组件中使用axios获取数据 1. 安装和配置axios 默认情况下,我们的项目中并没有对axios包的支持,所以我们需要下载安装. 在项目根目录中使用 npm安装包 npm install axios 接着在main.js文件中,导入axios并把axios对象 挂载到vue属性中作为一个子对象,这样我们才能在组件中使用. // The Vue build version to load with the `import` command // (runtime-only or sta…
简介 vue是一个JavaMVVM库,是一套用于构建用户界面的渐进式框架,是初创项目的首选前端框架.它是以数据驱动和组件化的思想构建的,采用自底向上增量开发的设计.它是轻量级的,它有很多独立的功能或库,我们会根据我们的项目来选用vue的一些功能.它提供了更加简洁.更易于理解的API,使得我们能够快速地上手并使用Vue.js. 安装vue Vue环境安装 运行vue等技术开发的客户端项目,需要安装Node.js环境 Node下载 可以到nodejs的下载页面: http://nodejs.cn/d…
安装环境:hp-Z440工作站.64位Ubuntu14.04(64位Ubuntu16.04).Cuda8.0.Cudnn5.1.Nvidia GeForce GT 705.Tesla K40c 本文可解决的问题:如何完全清空硬盘数据.Ubuntu系统启动U盘的制作.Ubuntu14.04系统安装.Ubuntu系统无线上网环境配置.NVIDIA驱动的安装.Cuda8.0环境安装与配置.Cudnn 5.1的安装及配置. 经过:由于项目需要,我们需要在Ubuntu系统上搭建tensorflow版的fa…
1.前言 Vue 是一款友好的.多用途且高性能的javascript框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用,它能够帮你创建可维护性和可测试性更强的代码库,Vue是渐进式的javascript框架库. 2.安装简介 Vue集成环境三大核心组件:node.js,npm,vue. 3.node.js安装 下载地址:https://nodejs.org/en/download/,根据操作系统选择实际需要的后缀名为.msi快捷安装包进行安装.node工具安装包括了npm工具,安…
安装环境 操作系统:Windows 10 64位 安装Node.js 1. 下载系统对应版本安装包 下载地址:https://nodejs.org/en/download/ 2. 安装 除安装地址外其它全部使用默认即可 3. 设置模块存储位置 进入node.js安装目录新建文件夹[node_global]和[node_cache]用于存储Node.js后续安装的模块 ​ 4. 配置环境变量在[系统变量]中新增[NODE_PATH]变量值为[node_modules]地址 ​ 在[用户变量]中修改…
Caffe在以下环境安装:Win10+CUDA8.0+Cudnn5.0+VS2013+Matlab2016a 最近于导师要求下,从头学习Caffe.之前接触了CNN进行了图片分类,后导师提起过Caffe一词,因种种原因,一直在回避这个炙手可热的工具.如今下决心要深入学习它,就把我的心路历程及经验分享给大家. 最开始我很盲目,一看网上教程就开始下载软件,进行安装,在第一步CUDA的安装上面就吃到不少苦头,折腾好久才知道自己的电脑根本不能安装caffe环境,最重要的是缺少英伟达NVIDIA显卡,后在…
使用命令 npm install axios 安装axios可能会报错,无法引用, 这个时候使用淘宝的镜像cnpm安装就可以了 cnpm install axios 如果没有安装cnpm,执行以下命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 也可以查看淘宝镜像网站了解 https://npm.taobao.org 在主页面引用axios并不会在组件中生效, 这是因为组件有很明确的依赖关系, 可以通过如下代码实现…
一.环境安装 软件安装: nodejs https://nodejs.org/en/ vscode https://code.visualstudio.com/docs/?dv=win python-2.7.15 https://pan.baidu.com/s/1LBqkL6PYXpa1LrUHLdLteQ Node.js环境安装 参考该链接(很详细):https://www.cnblogs.com/zhouyu2017/p/6485265.html vscode推荐插件 Auto Close…
1.安装 node.js环境  (cmd命令工具里输入 node -v 检测是否安装成功) 2.安装VUE 全局环境 npm install --global vue-cli (cmd命令工具里面安装,vue --version检测是否安装成功) 3.cd Desktop/VUE/ 手脚架要存放的路径(我这里是之间存放在桌面的VUE文件夹里) 4.vue init webpack vue-demo (安装webpack打包,文件名为vue-demo) 5.cmd控制终端依次输入cd vue-de…
axios是一个基于 promise 的 HTTP 库,在vue中axios是比较常用的网络请求方法. 安装 npm install axios -S 在main.js配置 import axios from 'axios' Vue.prototype.$axios = axios 使用 this.$axios({ url: "", method: "get", params: {} }).then(res => { console.log(res) }) 也…