vue+express+MySQL实现ueditor富文本内容的保存(含图片上传)(上)
vue+express+MySQL实现ueditor富文本内容的保存(含图片上传)(上)前端用Vue,后端用Express做服务端提供数据接口和ueditor的后台服务,数据库用MySQL
一、用vue-cli脚手架工具创建一个基于webpack的Vue项目首先需安装node环境如何再windows系统中安装node
1.首先全局安装 vue-cli脚手架执行npm install -g vue-cli,2.创建一个项目文件夹,进入项目目录执行:vue init webpack+项目名称。安装完成之后可以执行 npm install 安装依赖,执行 npm run dev进行开发时调试。
安装 vue-resource(什么是vue-resource)依赖,一种安装方式先在package.json中对应地方添加,然后执行npm install
12345"dependencies": { "vue": "^2.1.0", "vue-router": "^2.0.3" ...
vue+express+nginx部署 Windows服务器记录
服务器使用:Windows Server 2012 R2
在此记录部署步骤和部署过程中的坑。
一、远程连接服务器由于是Window服务器,自己使用的也是Windows系统直接使用自带的远程连接就可以了。
快捷键 :Windows键+R 打开运行,输入命令mstsc,按下回车键即可打开远程桌面连接。
(这里不做远程连接详细说明,如需查询细节,烦请问度娘)点击连接即可远程连接到服务器。至此服务器连接到此结束。
二、Vue项目打包在本地项目完成开发,可以成功访问项目页面时,运行npm run build 命令,此时可以看到项目下面有一个dist文件夹,这个就是Vue项目打包后的文件。如下图。
三、安装运行环境(Nginx+Node)Nginx安装
官网下载:下载地址:Nginx For Windows DownLoad
具体安装详情访问博客:https://www.cnblogs.com/aflyun/p/8491210.html
安装完成后打开命令行,切换到nginx安装目录下输入命令
start nginx.exe 启动
默认配置文件下在浏览器中访问http:localhost:80 ...
vue根据选择的对象替换数组对象中相同的属性对象,不存在时则在数组中新增一个对象
vue根据选择的对象替换数组对象中相同的属性对象,不存在时则在数组中新增一个对象遇见了一个比较有意思的问题 :选择的对象替换数组对象中相同的对象,不存在时则在数组中新增一个对象。
开始时把问题想得太简单了 准备用map()或 foreach()加上判断条件去替换或新增,结果就是 数组中不存在相同属性值的对象时,会根据数组的长度循环添加相同的对象。
百度发现别人是这样做的:
123456789101112131415161718192021222324252627282930313233/** * 判断数组对象中是否有某个对象,有则替换无则添加 * @param {*} initialArr 源数组 * @param {*} obj 判定的对象 * @param {*} pro 对象中的某个属性名(唯一,通常为id) */ export const formateArrObjData = (initialArr, obj, pro) => { // 判定数据是否为数组 if (!(init ...