小程序之基础入门(1)

简介: 小程序之基础入门(1)

4483e6cc8f1841d5803e023612ed4fbf.jpg


一.前言

       现在开始会给大家带来小程序的开发使用,从0基础开发,详细易懂,本专栏会有6次文章,本文章是小程序的基础入门!跟随本专栏教程,开启你的小程序之旅吧!

二.小程序简介

       微信小程序是一种基于微信平台的应用程序,它可以在微信内部直接运行,不需要下载和安装(实际上是需要安装的,只不过小程序的体积特别小,下载速度很快,用户感激不到下载的过程)。用户使用频率不高,但又不得不用的功能软件,目前看来小程序是首选,开发门槛低, 成本低

2.1 微信小程序的特点和优势:

1. 无需下载安装:用户可以直接通过微信扫码或搜索进入小程序,无需下载和安装,方便快捷。

2. 跨平台运行:微信小程序可以在iOS和Android等多个操作系统上运行,不受设备限制。

3. 体验流畅:微信小程序的界面和交互方式与微信相似,用户可以快速上手并享受流畅的使用体验。

4. 功能丰富:微信小程序可以提供丰富的功能,包括实时聊天、支付、地图、媒体播放等,满足不同用户需求。

5. 跨行业应用:微信小程序适用于多个行业,包括电商、餐饮、出行、教育等,可以满足不同行业的需求。

 三.小程序的安装与使用

       微信小程序的官网:        开启小程序之旅的第一步,需要一个自己的小程序账号

       进入官网,点击注册,申请账号:

       注册网站:        小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。

       有了小程序帐号之后,我们需要一个工具来开发小程序。

      微信开发者工具下载:

        根据自己的需求选择不同的版本:下载完之后工具是下面这个样子

新建一个项目:

填写以下的资料,接着选择下面的模板根据自身情况

在我们刚刚注册的公众号上,开发设置里面有这个ID:

五.小程序入门案例及目录结构

       一个页面一个文件夹:

结构说明:

在user.json里面设置标题:

{
  "usingComponents": {}
  ,"navigationBarTitleText": "用户信息"
}

在user.wxm里面设置内容:

<!--pages/user/user.wxml-->
<view class ="container">
  <view class="userinfo">
    用户信息:{{username}}
  </view>
</view>

在user.wxss里面设置样式:

.userinfo{
  font-size: 30px;
  color: aquamarine;
}

设置参数在user.js里面:

点击模拟器即可看到效果:

好啦!!今天的分享就到这啦!!

相关文章
|
7月前
|
JSON 小程序 JavaScript
微信小程序入门实践
微信小程序入门实践
|
7月前
|
JSON 小程序 前端开发
微信小程序框架(五)-全面详解(学习总结---从入门到深化)
微信小程序框架(五)-全面详解(学习总结---从入门到深化)
277 0
|
7月前
|
存储 缓存 JSON
微信小程序框架(四)-全面详解(学习总结---从入门到深化)
微信小程序框架(四)-全面详解(学习总结---从入门到深化)
215 0
|
2月前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
59 1
|
2月前
|
XML 小程序 JavaScript
小程序入门之项目配置说明和数据绑定
小程序入门之项目配置说明和数据绑定
46 1
|
4月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
116 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
2月前
|
小程序 前端开发 JavaScript
小程序入门之认识view和text组件
小程序入门之认识view和text组件
90 0
|
7月前
|
小程序 JavaScript 前端开发
微信小程序云开发入门实践
微信小程序云开发入门实践
|
6月前
|
小程序
微信小程序学习笔记(入门篇)
微信小程序学习笔记(入门篇)
70 0
|
6月前
|
监控 小程序 前端开发
基础入门-抓包技术&HTTPS协议&WEB&封包监听&网卡模式&APP&小程序
基础入门-抓包技术&HTTPS协议&WEB&封包监听&网卡模式&APP&小程序
195 0
下一篇
DataWorks