微信小程序后端Django+uWSGI部署服务器
引言因为最近在做微信小程序,然后微信小程序为了安全,需要有https的域名进行请求,所以不得不买了一个服务器和域名进行配置,下面就分享一下小程序的配置过程。现在这里推荐两个很好用的软件,一个是Termius,用来远程访问服务器,另一个是WinSCP,用图形界面显示服务器的文件管理器,并且支持直接将本地的文件拖动到指定文件夹。都已经附上了官网的链接,可以自行下载。温馨提示:官网可能下载速度较慢,请科学上网。
Django运行文件首先是不用说的将你在本地开发的后端代码传到服务器端,请尽量不要将后端直接拖动到主目录,新建一个文件夹然后放进去。进入你自己的Django目录,尝试直接运行Django,注意这里要使用你自己的python版本。
设置Django有一个是settings.py里面有一个条目是ALLOWED-HOSTS,把这个改为["*"]即允许所有的IP进行访问。
启 ...
微信小程序+Django后端真机调试
引言 在我开发的过程中碰到了因为要真机调试并且要使用后端返回的数据。所以我试了试怎么在本地的局域网的环境下进行真机调试。首先前提条件是需要手机和电脑连在同一个WiFi网络环境下
后端调整首先要在当前系统下使用ipconfig /all查看电脑在本地的局域网IP,直接使用他推荐的那个。然后再后端的settings.py文件中的ALLOWED_HOSTS属性调整如下:ALLOWED_HOSTS = ['localhost', '0.0.0.0:8000', '你电脑的局域网IP','127.0.0.1']
前端调整改变前端的请求地址,改为自己刚刚搜索到的电脑的局域网IP。前端就只用调整这些。
启动项目后端的命令行启动的时候使用命令行python manage.py runserver 0.0.0.0:8000 ...
WechatApp技术笔记之Tab页(三)
微信小程序Tab页我们能够经常看到小程序的页面是这样的布局格式。
但是在实现过程中有一点麻烦,所以就写出来供参考。
页面wxml代码下面的这段代码是只是实现了前三个页面的内容,包括了一些滚动条的内容。
123456789101112131415161718192021222324252627282930313233343536373839404142<!-- 标签页 --><view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swic ...
(转载)WechatApp技术笔记之列表下拉(四)
上一章我们从页面的实战开发角度讲解了前端代码编写的一些技巧,本章我们继续探讨小程序前端页面开发的技巧与应避开的大坑。(是的,我踩了一个很大的坑,到现在才发现)转载自NanDoDu的博客。
(划重点!划重点!划重点!)view 布局 说真的,对于初学者来说,view布局这一块在网上查来查去就是弹性盒子、flex、弹性盒子、flex……反复横跳,我昨天查了一晚上怎么让文字在图片的右侧靠右显示(前提是文字在图片上方),答案无一不是float、right、float、right……反复横跳。那么我就从实际应用的角度来介绍两个常用的view布局。
弹性盒子布局 因网上关于这个的资料太多,此处只说优点和缺点。
优点:
简单方便,快速对齐,快速布局
网上资料多,可借鉴代码多
缺点: ...
(转载)WechatApp开发笔记之UI(二)
说明 本章节将以一个具体的小程序界面为例,介绍前端页面开发的知识和技巧,前面几章讲过的内容将不再赘述。本文章转自NanDoDu。
绘制界面原型 在绘制界面原型之前,我们需要先以文档的形式,将页面功能点陈列出来,此处省略这一步骤,直接进入界面原型设计的讲解。
绘制工具 界面原型设计的工具因人而异,我采用的是Photoshop,特点就是麻烦,对,因为当时不知道墨刀之类的专业界面原型设计工具。
绘制要点(偏向于Ps)
界面原型设计力求一步到位(否则就可能像我一样,反反复复重写.wxss文件)
多参考好的界面设计,集大成
Ps一定要保存原有图层
Ps导出.png图片时,如果是对已有图案的修改,直接覆盖,避免同类图片冗余
大量的矢量图标都不需要自己绘制(这也是血的教训,自己画的图标又不标准又耗时),登录 https://www ...
WechatApp开发笔记之login界面(一)
说明 这篇文章不一定涵盖了所有我碰到的问题,只有高频的问题我才会进行记录,尽量保持持续更新吧,我尽力。但是要说的是不管怎么样官方的文档都是最终解释最有效的方法,么有找到的可以尝试到官方开发文档中进行寻找。
页面顶栏设置 在该页面的json文件中编辑属性,如下样式:
12345{ "navigationBarTitleText":"授权登录", //顶栏标题 "navigationBarBackgroundColor":"#fff", //顶栏背景色 "navigationBarTextStyle":"black" //顶栏文字颜色}
Loading时的背景颜色 触发on ...
iDo微信小程序功能开发文档
项目背景 进入大学,面对丰富多彩的大学生活,很多同学往往因为突然涌来的大量信息,或是缺少途径了解适合自己的信息,时常会感到茫然。不知道自己从何入手,不知道如何规划自己的大学生活。陷入明明有很多事情可做,却因目标不明确或盲目选择等等原因而贻误了大学学习的宝贵时光。
项目理念 该项目旨在通过提供用户多种可选择的学习目标,帮助用户确立本科期间的长远目标,以及为达到长远目标帮助规划可由用户自主选择的短期目标,并根据设定的目标提供精准的信息,从一本书、一份资料、一场竞赛……开始,及时提醒用户完成一个又一个的短期任务,陪伴用户以梦为马,不负韶华。
项目定位 为大学生更好地完成学业或进一步深造提供强有力的信息支持与目标引领(陪跑小程序)。
目标人群 本科生。
程序界面初始登录授权界面
我的”界面设计&em ...