微信小程序开发

小程序开发


浏览: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);

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