欢迎光临
我们一直在努力

利用小程序的内嵌功能,三分钟制作出一个精美且功能完善的小程序

三分钟制作出小程序当然是在软件已经安装好的基础上。

第一步,新建项目。

1、点击软件左上角的项目—新建项目,选择一个项目路径。(项目路径是指文件存放的地方)

2、AppId可以登录微信小程序后台,点击设置—-开发设置—-AppID(小程序ID)。

3、填写项目名称。

第二步,创建目录。

在根目录下面新建app.js

在根目录下创建app.json

在根目录下创建app.wxss

在根目录下新建pages文件夹

在pages文件夹下面建立welcome文件

在pages文件夹下面新建app.json文件,app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。是用于指明页面文件所在的路径。所以在里面加入以下代码:

{
  "pages": [
    "pages/welcome/welcome"
  ]
}

在welcome下面新建welcome.js,这是为了调用页面对象,即便什么都没有写,因为新版本不这么做会报错。加入以下代码:

Page({

})

在welcom下面新建welcome.wxml,并加入代码,这段代码意思是在窗口中显示这个文本内容。

<view>
  <text>hello world!</text>
</view>

如果要内嵌网页,请在welcome.wxml里面加入(注意:内嵌的网页必须先在微信小程序后台的设置—-开发—-业务域名中先添加,而且要下载校验文件到网站根目录。添加的网站需要安装https证书):

<web-view src="http://www.diwu.net/"></web-view>

最后在welcome文件夹下新建welcome.wxss

最终的目录结构是

pages
–welcome
–welcome.js
–welcome.wxml
–welcome.wxss
–app.json
app.js
app.json
app.wxss
project.config.json 这个文件是创建项目后默认就有的。

注意:每次写完代码后需要保存。按照上面操作好后就可以点击预览了。点击预览后用绑定好的管理员微信扫描二维码既可以在手机微信里面预览小程序。

未经允许不得转载:第五博客 » 利用小程序的内嵌功能,三分钟制作出一个精美且功能完善的小程序
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

更专业 更方便

联系我们