第九周学习记录

上周第八周确实没有发布我的学习记录，因为服务器的原因项目也一直延迟，好在周日老师的服务器批下来，小伙伴也开始了快乐windows服务器配置，我自然也不能闲着，这周开始赶进度

一、小程序的js口

原来的那个集成后的小程序一直处于微信头像上传不了的情况，其他的功能请求都很完善了，这个问题还在解决，因该是两个小程序的合并出现冲突，如果大家有好的方法欢迎指出

二、新项目：九宫格切图

这个项目说新也不是最新的，因为之前基础的原因一直搁置了，现在才捡起来，功能就是前端传一张完整的一张图片，后台处理图片并将图片切为九张，然后返回前端，通过js处理一下显示到wxml界面上，技术上的工作在经历了证件照的工作后就十分简单了

我在这定义了一个app，意思就是剪切图片，通过访问/cut/cut_image可以通过POST请求调用函数，具体的函数方法我在第一篇博客也指出了
https://blog.csdn.net/weixin_43951163/article/details/107928486
唯一不同的是，需要base64转码，返回http响应

def cut_main(request):if request.method == 'POST':  # 发送请求的格式image = request.FILES['image']  # 数据请求的名字open_id = request.POST.get('openid')  # 获取小程序发送过来的opidglobal basedirbasedir = os.path.dirname(os.path.dirname(__file__))  # APP1目录path_old = basedir + '/cut_image/temp/'  # 原图片静态存储路径content = path_old  # 处理后的存储路径# print(centent)with open(content + open_id + '.jpg', 'wb') as f:  # 保存小程序传输过来的图片f.write(image.read())f.close()# 加入图片转换代码file_path = os.path.join(content, open_id + '.jpg')print(file_path)# 分别调用处理函数image = Image.open(file_path)image = fill_image(image)image_list = cut_image(image)DIR_NAME = os.path.dirname(os.path.abspath(__file__))# 保存图片save_images(DIR_NAME, image_list)res_dir = os.path.join(DIR_NAME, 'result')# 创建长度为9的数组pic_base = [1,2,3,4,5,6,7,8,9]# base64转码for index in range(0,9):new_name = os.path.join(res_dir, str(index+1) + '.png')print(new_name)img_im = cv2.imread(new_name, 1)  # 要把处理完的图片转码成base64返回receive_base = base64.b64encode(cv2.imencode('.png', img_im)[1]).decode()  # 把转换的编码赋值pic_base[index] = receive_base#每处理一张就删除os.remove(new_name)print(pic_base[index])  # 打印图片的base码的字母#删除原图片del_path = path_old + open_id +'.jpg'print(del_path)os.remove(del_path)return HttpResponse(pic_base)

这样在执行一个请求后文件不会出现任何变化，当然，这里我没有使用服务器部署，日后会进一步改进

小程序前端会受到类似这样的代码

三、上传服务器

这里我先上传到我自己的centos7的服务器上，具体的windows高配置服务器我的另外一个伙伴会更新

上传自己服务器还是按照之前博客所说，可以参考我以前的文档
https://blog.csdn.net/weixin_43951163/article/details/108395176
或者https://www.django.cn/article/show-30.html

Django实现微信小程序九宫格切图后端（第九周学习记录）相关推荐

微信小程序九宫格图的排版----注意层次排版（层次最重要）
微信小程序九宫格图的排版----注意层次排版(层次最重要) 1.wxml中的代码(图片和数据都是网页获取来的,详细下看) 2.排版 3.使用.js文件进行事件加载 | | | |
python天气查询小程序加背景图_微信小程序开发背景图显示功能
这两天开发微信小程序,在设置背景图片时,发现在wxss里面设置background-image:(url) 属性,不管是开发工具还是线上都无法显示.经过查资料发现,background-image只能 ...
微信小程序--轮播图
微信小程序轮播图的实现是利用了swiper组件(滑块视图容器). 主要参数如下: 属性名类型默认值说明 indicator-dots Boolean false 是否显示面板指示点 indica ...
五分钟掌握微信小程序轮播图
微信小程序轮播图实现,比Android 轮播图来说,显得轻松多了. 微信小程序提供swiper组件,官网api提供的swiper滑块视图容器. 属性名类型默认值说明 autoplay Boole ...
微信小程序---轮播图
0. 微信小程序轮播图的实现 a. 是利用了swiper组件滑块视图容器 b. swiper的文档文档https://developers.weixin.qq.com/miniprogram/dev ...
微信小程序绘制分享图
微信小程序绘制分享图例子: demo下载地址:https://gitee.com/v-Xie/wxCanvasShar 大致代码会再以下说明实际开发项目: 基础知识点: 了解canvas基础知识 w ...
基于django的微信小程序搭建
因为疫情封校被迫关起来,终于有时间整理之前的课程设计. 基于django的微信小程序搭建(不定期记录踩坑日常) 开发工具 (一)pycharm (二)mysql (三)微信开发者工具 (四)IP穿透 ...
微信小程序轮播图代码
微信小程序轮播图的代码如下: 首先,在小程序的 wxml 文件中,添加如下代码:  <swiper class="swiper" in ...
微信小程序轮播图高度与图片高度不匹配问题
微信小程序轮播图高度与图片高度不匹配问题在微信小程序项目中,为了美观给page设置了padding值,然后让轮播图里面的图片宽度为100%,高度widthFix自适应,出现了如下问题:指示器位置不对 ...

Django实现微信小程序九宫格切图后端（第九周学习记录）

第九周学习记录

一、小程序的js口

二、新项目：九宫格切图

三、上传服务器

Django实现微信小程序九宫格切图后端（第九周学习记录）相关推荐

最新文章

热门文章