做网站租用那个服务器好,网站开发环境介绍,网站服务器环境搭建,网站建设管理工作制度要搞一个小型的cms内容发布系统因为小程序上线之后#xff0c;直接对数据库进行操作的话#xff0c;慧出问题的#xff0c;所以一般都会做一个管理系统#xff0c;让工作人员通过这个管理系统来对这个数据库进行增删改查微信小程序其实给我们提供了这样的能力了(也就是可以…要搞一个小型的cms内容发布系统因为小程序上线之后直接对数据库进行操作的话慧出问题的所以一般都会做一个管理系统让工作人员通过这个管理系统来对这个数据库进行增删改查微信小程序其实给我们提供了这样的能力了(也就是可以在自己已有的服务器来进行云操作所以就可以通过这个CMS内容管理系统来对云数据库进行修改)我们就要建立自己的web服务器--》搭建一个简易的服务器https://koa.bootcss.com/这个是要node版本是7以上可以在node官网去搭建我这边之前按照过了直接cmd打开通过 node -v查看版本然后还要下载一个 cnpm这个主要是下载第三方模块用的https://www.cnblogs.com/biglovevolcaner/p/6707746.html打开cmd直接输入这位大佬博客里面的语句进行安装即可了这些都准备好了之后就可以开始koa2的服务器搭建了我们选择koa的脚手架 koa-generatorhttps://blog.csdn.net/sinat_39049092/article/details/104575018(跟这个博客到第三步就行)然后我们就可以到想要搭建系统的文件中(我在d盘新建了一个weapp文件)在cmd中输入 D:\weapp 之后输入 d即可跳转输入 koa2 miaomiao-cms -e(后面的-e表示的是选择ejs模板)然后安装提示我们进入到这个建立的东西 cd miaomiao-cms然后安装一些初始的模块输入 cnpm i创立完之后就可以去启动了我们通过 npm start启动好之后我们在网页中 输入 localhost:3000如果看到了这个界面的话说明web服务器就已经搭建好了就可以在这个web服务器下做一个简易的cms系统了之后就可以在d盘找到这个文件了其中的public主要是放一些静态资源的在vscode里面打开我们的文件这个index其实就是类似于可以在前端显示的 实现引入 axios.min.js 可以通过npm安装也可以使用网上开源的通过设置EJS Welcome to 上传图片 :我们可以看到注意假如网页打不开或者是没更新出现的html结构的话就重新的在这个miaomiao.cms下面 npm start重新打开随便选一张图片onchange就是只要选择了图片的话就会触发这个事件了file就是拿到的我们上传的文件了拿到这个图片要怎么传输给后台呢这个时候就要进行文件操作了FormData这个对象来实现了通过append 给这个param对象添加一个key为file value为 。也就是通过这个append来产生一个键值对然后把这个对象通过axios来传输到后端这就是axios中传输给后端文件的代码在传输之前先对 config 配置文件 进行设置告诉我们后端这个是一个文件数据流配置好了之后就可以通过post把图片传输给后台的接口 uploadBannerImg通过下面的代码与你相遇-CMS管理系统上传图片 :varuploadBtndocument.getElementById(uploadBtn);uploadBtn.οnchange function(ev){varfileev.target.files[0];varparam newFormData();param.append(file, file);varconfig{headers : {Content-Type:multipart/form-data}};axios.post(/uploadBannerImg, param , config).then((res){console.log( res.data );});};然后就是开始搞 定义 uploadBannerImg 这个接口了在routes-》index.js里面添加上这个代码router.post(/uploadBannerImg , async(ctx , next){var files ctx.request.files;console.log( files );})我们添加一个图片然后可以看到在后端中会发现404了我们再通过 npm start来开启先要结束上面的操作通过 ctrlc 弹出然后输入y之后通过npm start然后再次上传图片打印出来了这个说明file为undefined 也就是没拿到这个图片了这个是因为koa默认是得不到我们上传文件的东西的还需要下载一个第三方的模块来辅助完成这个功能才行通过在miaomiao-cms目录下的cmd 输入 cnpm i -S koa-body下载好了之后在app.js里面引入koa-bodyconst koaBody require(koa-body)然后在app.js里面做一个简单的配置app.use(koaBody({multipart :true,//指定是否可以上传多张formidable : {maxFileSize :200*1024*1024 //设置上传文件大小最大限制默认2M}}))(不配置这个用默认的也是可以的)搞好之后再把项目 npm start启动一下上传图片之后还是显示 undefined原因就是index.js里面的files少了一个s这里的use多了一个r把这两个代码书写错误改好了之后再上传就可以看到结果了所以就实现了把图片传给后台了然后我们就要把这个信息传给云平台了(以上完成了前台的文件传输到了后台)
