最近在写一个自己的后台管理系统（主要是写着玩的，用来熟悉后端java的知识，目前只是会简单的写点接口），想在项目中编写一个发布新闻文章的功能，想到了使用百度的ueditor富文本编辑器，网上找了很多j
最近在写一个自己的后台管理系统（主要是写着玩的，用来熟悉后端java的知识，目前只是会简单的写点接口），想在项目中编写一个发布新闻文章的功能，想到了使用百度的ueditor富文本编辑器，网上找了很多java版本的资料，不过大部分都是前后端都在一个工程项目下，页面是jsp的。由于我这个系统是把前后端拆分开成前后端分离的。所以在根据看了网上的资料以及慢慢的摸索下，实现了在前后端分离的情况下把ueditor集成到系统中。项目页面如图：
本教程手把手带领大家搭建一套通过 Vue + Node.js 上传文件的后台系统，只要你跟随本教程一步步走，一定能很好的理解整个前后端上传文件的代码逻辑。前端我们使用 Vue + Axios + Multipart 来搭建前端上传文件应用，后端我们使用 Node.js + Express + Multer 来搭建后端上传文件处理应用。
本文档记录自己的学习历程！ 介绍 Ueditor HTML编辑器是百度开源的在线HTML编辑器,功能非常强大 额外功能 解决图片视频等无法上传显示问题 Ueditor下载地址 https://github.com/wsqy/DjangoUeditor.git 解压后将 DjangoUeditor 文件夹复制到django项目目录下，跟app目录同级 修改app models 导入UEditorField 模块 增加需要富文本框的字段 from DjangoUeditor.models import UEd
然后在根目录下新建 ali-oss.js 文件，并复制上面的代码到该文件中，并填写上各种配置信息，如图所示：
之前让WordPress支持注册用户上传自定义头像功能 一文，通过安装Simple Local Avatars和 WP User Avatar插件，可以让注册用户本地上传头像代替默认的Gravatar头像，不过一般都认为插件安装多了，会影响速度，那么我们就以WP默认主题Twenty Fifteen为例，把这个功能集成到WordPress主题中，即可方便用户，也显示得主题高大上。
支持部署小程序开发者工具的坑，接下来我将此次开发过程的思考和问题进行总结，从多个角度来介绍本项目。
很多客户网站以及APP在上线运营之前都会对网站进行渗透测试，提前检测网站是否存在漏洞，以及安全隐患，避免因为网站出现漏洞而导致重大的经济损失，客户找到我们SINE安全做渗透测试服务的时候，我们都会对文件上传功能进行全面的安全测试，包括文件上传是否可以绕过文件格式，上传一些脚本文件像php,jsp,war，aspx等等，绕过上传目录，直接上传到根目录下等等的一些漏洞检测。
KindEditor 是一套开源的在线HTML编辑器, 后台可与 Java、.NET、PHP、ASP 等程序集成。为实现图文混排的编辑效果，我们通常都会用到编辑器的图片上传功能，本文会简单讲一下KinEditor的基本使用，主要说明如何在php环境下，集成编辑器的图片上传功能！
原理就是利用 1.nodes中ftp模板，上传本地的前端文件到服务器指定目录； 2.在服务器上安装nginx已经搭建了ftp服务 下面就是详细步骤： 1.linux搭建FTP服务器，以前说了，就不说了； 2.linux安装nginx，以前也说了； 上面这两个属于前面的工作，先肯定要安装； nginx注意配置，下面是我的配置： 注意看这个： server { listen 8112; server_name localhost; location / {
在上一期“如何使用小程序插件”的分享中有提到，在FinClip中开发者可以像开发小程序一样开发一个插件，而开发出来的插件，既可以提供给自己的团队使用，也可以公开出来供其他开发者使用。在插件发布之后 FinClip 会托管插件代码，其他小程序调用时，上传的插件代码会随小程序一起下载运行。
输入vue init webpack-simple <project-name>之后，一路回车就是了（sass可以根据自己爱好选择），然后根据出现的提示依次执行切换目录，下载依赖。
云函数 SCF 各个运行时已内置部分常用依赖库，您可前往各运行时代码开发中查询：Node.js、Python 、PHP。但仅有内置依赖库是不足以满足用户的代码运行诉求的，在此基础上，云函数 SCF 提供了丰富的依赖安装方式。我们将分为上下两篇进行讲解，本文将介绍对 Node.js 和 Python 运行时的依赖安装方法，下篇将为大家介绍 PHP、Java、Go 的依赖安装方法。 Node.js 说明：https://cloud.tencent.com/document/product/583/11060
《微信小程序七日谈》系列文章： 本系列的文章并非初学教程，而是笔者在具体开发过程中遇到的问题以及部分解决方案。 笔者参与的小程序项目开发也进入尾声了，坑也踩得七七八八，对于哪些没有涵盖和深入使用的功能笔者就不班门弄斧了。 前几篇文章讲了那么多细节也好，策略也好，都是应用层面的东西。自微信小程序公布以来就有先行者不断的探索小程序背后的运行机制。小程序的开发语法和API与前端工程师熟悉的html/js/css非常相似，所以会令很多人疑惑小程序与普通的HTML5应用到底有什么区别。这篇文章其实将小程序的基本运行
虽然题目名显示需要 Linux ，但只是 ssh 的话，显然在 Windows 的命令行直接操作即可。
目前，微信小程序越来越流行，而且功能越来越强大，在性能方面也越做越好。因为能够原生调用小程序提供的组件和 API ，小程序的开发快捷，使用方便，越来越多的产品会落地到微信小程序上。但传统的微信小程序开发，和普通的H5页面开发或者原生APP开发相比，只是改变了前端部分的开发方式，，还是离不开厚重的后台开发。
前三篇文章其实已经将博客部分的功能基本上走了一遍流程，博客部分还剩下的只有首页右侧导航栏动态渲染以及文章详情界面带评论功能尚待开发。本篇文章准备讲讲博客的部署，本篇涉及的知识点前端vue打包部署到nginx，后端Node部署并使用PM2进行进程管理。并且对vue首屏加载过慢做了适当的优化，提高首屏加载速度。
1. 解压tomcat作为图片服务器，在tomcat的webapps下创建upload目录作为文件上传目录。
现在是凌晨一点，可能是在夜里的时候人会变得比较感性，所以突然想到了王小波在黄金时代中写下的这段话，没有理由的在这篇技术文章中将它作为引言。希望大家在自己的黄金时代永远的生猛下去，什么也锤不了你。
我们知道部署web应用程序的最佳方式是作为静态HTML应用程序，因为他对搜索引擎很友好，速度快等等，这对我们写个人博客这样的小型网站无异于非常nice。如果你的应用可以作为静态HTML，那么可以试试Next.js。
之前对小程序云开发略有一些了解，见识过云开发小程序的方便与快捷，使用了云开发，再写小程序后端数据存储就可以直接使用官方提供的云数据库，图片文件的存储也可以直接上来就用云存储，甚至呢，后台逻辑处理 都可以使用自己编写的云函数 和官方提供的云函数进行处理，简直是前端开发者的福音，作为一个之前一直在尝试学习后台开发的我，直接被震惊到了。
很多时候我们都希望首屏速度快，SEO友好，那么相比于客户端渲染的 SPA，SSR 在 SEO 方面有明显的优势，在之前的 Next.js 的文章中，就有同学说要 Next.js 的 SSR，现在，它来了。
云函数产品文档：https://cloud.tencent.com/product/scf
在小程序开发中为了提升小程序的功能丰富度和用户体验，以及避免重复造轮子，特别是在实现一些通用功能（如地图定位、支付接口等）时，我们往往需要通过小程序插件来提高开发效率。目前我司的 app 中是通过嵌入第三方SDK来实现小程序运行的，我们发现该技术平台中是具备直接开发小程序插件的能力的，本期就给大家分享一下如何在第三方平台中开发小程序插件，以便于业务模块可以复用。
微信小程序的云函数是一段运行在云端（服务器端）的代码，无需管理服务器，在开发工具内编写、一键上传部署即可运行后端代码。在物理设计上，一个云函数可由多个文件组成，占用一定量的 CPU 内存等计算资源，各云函数完全独立；可分别部署在不同的地区。
需要预览效果可直接访问url：https://pandao.github.io/editor.md/index.html ，这里是官方网站的一个demo。同时提供了全套的下载安装教程。github开源地址：https://github.com/pandao/editor.md/blob/master/examples/image-upload.html
富文本编辑器，不多说了，这个大家应该都用到过，至于用到的什么版本，那就分很多种 CKEditor：很早以前叫FCK，那个时候也用过，现在改名了，比较流行的一个插件，国外很多公司在用 UEDITOR：百度开发的插件，lite版是UM EasyUI编辑器：用easyUI的都懂，基本上肯定用到 其他的富文本编辑器就不说了，前两个小编我用的比较多 本来我是比较倾向于CKEditor，但是这个插件不支持图片上传，图片功能只能链接过去，而不能在控件本身中上传，所以就选择了UMeditor 为啥选择UM，不选择UE，其实
环境 前端框架： bootstrap 前端上传组件： file-input.js 编辑器：VSCode 操作系统：MAC 服务器开发语言：golang 后端框架：beego 简介 支持多图上传 支持图片显示 流程 1. 前端 1.1 引入js和css <head> ... <link rel="stylesheet" href="/static/css/bootstrap.min.css"> <link rel="s
在开发WordPress 相关产品（主题、插件）的时候，常常需要通过某些函数获取路径，包括URL路径和服务器路径。比如说在主题或插件中引用js或css文件需要URL地址，而include一些文件时则需要服务器路径。在WordPress中，不能认定wp-content目录一定位于/wp-content下，也不能认为admin的地址一定是/wp-admin，为了避免错误，了解WordPress中与获取路径相关的函数很重要。 站点路径相关函数，以下以本站 http://devework.com 为例子： home
在云函数中我们可以引入第三方依赖来帮助我们更快的开发。云函数的运行环境是 Node.js，因此我们可以使用 npm 安装第三方依赖。比如除了使用 Node.js 提供的原生 http 接口在云函数中发起网络请求，我们还可以使用一个流行的 Node.js 网络请求库 request 来更便捷的发起网络请求。
Editor.md图片上传获取不到图片地址，Editor.md图片上传iframe存在跨域情况，几经调试都不好用，最后采取替代方案，还不存在跨域情况。
MM-Wiki 是一个使用GO开发的轻量级的企业知识分享与团队协同软件，可用于快速构建企业 Wiki 和团队知识分享平台。
很多时候我们都希望首屏速度快，SEO友好，那么相比于客户端渲染，SSR渲染将是这方面的优势。
首先看一下这篇文章： https://blog.csdn.net/MPFLY/article/details/78134980
scp root@远程主机ip:[远程主机文件绝对路径] [需要保存的本地位置]：从远程主机下载文件到本机
从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器，官网地址为：
Summernote 是一个简单灵活的所见即所得的 HTML 在线编辑器,基于 jQuery 和 Bootstrap 构建,支持快捷键操作,提供大量可定制的选项。
https://github.com/webVueBlog/express-node
一般多个项目使用一些公共组件的时候，我们没必要在每个项目里写公共组件代码，我们可以将公共组件封装成一个库，上传至npm，这样我们在项目中使用就可以直接从npm下载直接使用。当然我们也可以搭建自己本地的npm镜，而本文主要讲述上传npm。
1. 单文件上传 1. 模板文件 <form action="/admin/upload/singleUpload?_csrf=
1.线上环境静态文件存放于前端CDN静态池,有一个专门的发布系统可以上传文件.在发布文件的时候需要创建url路径,因为CDN的缓存原因,在路径中增加了版本号,最终结果的url类似这种//n.sinaimg.cn/mail/sinamail66/js/139276/xxx.js
lrzsz ( rz / sz ) 是非常方便好用的 Linux 文件传输工具，但是几十年没更新了。
Cloud Studio 工作空间（预置环境）支持 SSH、SCP 以及 WINSCP，您可以通过 SSH 连接到工作空间，包括通过命令行终端 SSH 连接工作空间，通过 VSCode 的 Remote - SSH 插件连接工作空间等，也可以通过 SCP 命令或者 WINSCP 上传或下载文件。
大量的移动应用程序和网站允许用户上传个人资料图片和其他文件。 因此，在使用Node.js和Express构建REST API时，通常需要处理文件上传。
这篇文章就简单的介绍一个很好用的文件上传工具，批量带预览功能。直接贴代码吧，都有注释，很好理解。 HTML页面 <!DOCTYPE html> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <html> <head> <c:set var="BASE" value="${pageContext.request.contextPath}"/> <%@ page language="java" contentType="text
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/details/78961365
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
