微信小程序开发
小程序开发
浏览:789 次

1: 开发前准备:1.1:正式文件:
1.2:微信开发者工具:
1.3:辅助编辑器:Code/sublime/phpstrom(取决于个人,我在这里使用代码编辑器,稍后在学习谷中使用phpstrom)
1.4:phpstudy(创建一个站点供以后使用)
1.5:larravel框架https://learnku.com/docs/laravel/5.6(我在这里使用5.6版)
1.6:数据库导航
微信开发者工具安装图
1.4:申请账户:每个邮箱只能申请一个小程序,所以这里应该准备一个新邮箱!!
来注册小程序
小程序访问过程
小程序注册
1.5登录:进行二次验证微信扫描验证,并在注册时填写电子邮件和密码以实现登录功能
初始登录
1.6获得开发申请:
小程序ID和密钥
2: 初始开发经验2.1部署小程序:打开我们安装的微信开发者工具
部署小程序
2.2在代码中安装插件
2.3打开页面
3.宣传册谷小程序项目3.1右键点击百度宣传册山谷官网查看,点击手机调试刷新,根据此页面创建小p学校小程序项目

3.2全局配置
(这是完成的静态页面。如果你这样做,它会有所不同。稍后将详细解释。)
appjson文件用于全局配置微信小程序、确定页面文件的路径、窗口表示、设置网络超时、设置多个选项卡等
全局配置app。json文件
3.3主页上的静态页面(关于页面没有什么可说的,但页面上有一些前端,没有写逻辑,这些仅在后面可用)。在这里,我将页面分为四个部分:导航栏、旋转地图、就业类课程分类和以下广告;这是我根据微信公开文件和一些老师的笔记写的页面。本页中使用的一些方法可能不专业,但结果都是我自己测试的!
3.3.1导航栏
导航栏wxml
导航栏wxss
3.3.2在微信小程序中有一种特殊的方式来编写旋转木马地图。这非常非常简单。如果你使用原生js来编写旋转地图,你可能需要写一天,但是如果你使用applet中的方法,你可以在两分钟内完成!!
旋转图表wxml
旋转图表wxss
3.2.3就业课程-课程分类
就业课程wxml
就业Wxs
3.2.4分界线及下方广告
广告wxml
广告wxss
到目前为止,已经构建了静态页面,这是可以接受的
静态页面
4.使用laravel框架编写逻辑4.1:数据表设计

4.2:使用larravel框架部署项目(其他框架也可用)
4.2.1:通过composer安装larravel
作曲家创建项目--首选列表薪资/薪水=5.6。*名字
切换国内图像源
作曲家配置-g repo。包装主义作曲家
可供替代的
作曲家配置-g repo。包装作曲家https://packagist.laravel-china.org
步骤1:创建一个空白文件夹并在其目录框中输入cmd
步骤2:通过Composer命令下载larravel项目。我的电脑以前已经切换到国内图像源,所以这里没有切换。切换方法如上文所示。如果不切换到国内图像,因为是外网,下载速度很慢,后期开发难度大,需要提前切换!
步骤3:加载完成后,我们刚刚创建的xplarravel文件出现在原始的空白文件夹中。然后我们可以在phpstudy中为xplarravel创建一个域名站点。选择根目录中xplarravel下的公共文件
第四步:我们来到浏览器输入我们刚刚创建的域名站点,然后来到larravel页面。此时,项目部署已完成!!
4.2.2:转到Navacat创建数据库,然后在项目中完成两者之间的连接
在中配置数据库信息。evn文件
4.2.3创建控制器模型和迁移文件
在crm中,c是控制器,r是迁移文件,m是模型
单独插入字段
当我们输入PHP Artisan migrate来上传数据库时,报告了42000状态代码的错误
这是因为Larave默认使用utf8mb4字符,包括支持在数据库中存储表情符号。如果您运行的MySQL版本低于5.7.7或MariaDB版本,而我的版本是5.7.26,那么问题并不严重
我们只需要将它们添加到AppServiceProvider。提供者下的php文件
使用Illuminate\Support\Facades\Schema;

架构::defaultStringLength(191);
此时,您可以输入一次命令(!!!注意,在执行最后一个命令后,两个本机数据表已导入数据库。此时,您需要删除