AI 助理
备案控制台
开发者社区 大数据 文章 正文

微信小程序开发(4) 企业展示

2017-05-07 1669
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 在这篇微信小程序开发教程中，我们将介绍如何使用微信小程序开发企业内部宣传展示等功能。   一、小程序主体部分 一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：   1. 小程序逻辑 App({ onLaunch: function() { // Do something initial when launch.

在这篇微信小程序开发教程中，我们将介绍如何使用微信小程序开发企业内部宣传展示等功能。

 

一、小程序主体部分

一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

 

1. 小程序逻辑

App({
  onLaunch: function() { 
    // Do something initial when launch.
  },
  onShow: function() {
      // Do something when show.
  },
  onHide: function() {
      // Do something when hide.
  },
  globalData: 'fangbei'
})

 

2. 小程序公共设置

主要注册五个页面，设置窗口，以及显示在tabbar中显示三个页面

{
  "pages": [
    "pages/index/index",
    "pages/news/news",
    "pages/news/news-details",
    "pages/product/product",
    "pages/contact/contact"
  ],
  "window": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "盛世华安",
    "navigationBarBackgroundColor": "#fbf9fe",
    "backgroundColor": "#fbf9fe"
  },
  "tabBar": {
    "color": "#dddddd",
    "selectedColor": "#459ae9",
    "borderStyle": "black",
    "backgroundColor": "#ffffff",
    "list": [{
      "pagePath": "pages/index/index",
      "iconPath": "images/index.png",
      "selectedIconPath": "images/index_selected.png",
      "text": "公司盛况"
    }, {
      "pagePath": "pages/product/product",
      "iconPath": "images/product.png",
      "selectedIconPath": "images/product_selected.png",
      "text": "产品服务"
    }, {
      "pagePath": "pages/contact/contact",
      "iconPath": "images/contact.png",
      "selectedIconPath": "images/contact_selected.png",
      "text": "联系我们"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "connectSocket": 10000,
    "uploadFile": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

 

3. 公用样式表

@import 'style/weui.wxss';
@import "/utils/wxParse/wxParse.wxss";


page {
  background-color: #fbf9fe;
  height: 100%;
}
.container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  justify-content: space-between;
}
.page-header {
  display: flex;
  font-size: 32rpx;
  color: #aaa;
  margin-top: 50rpx;
  flex-direction: column;
  align-items: center;
}
.page-header-text {
  padding: 20rpx 40rpx;
}
.page-header-line {
  width: 150rpx;
  height: 1px;
  border-bottom: 1px solid #ccc; 
}

.page-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  overflow-x: hidden;
}
.page-body-wrapper {
  margin-top: 100rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.page-body-wrapper form {
  width: 100%;
}
.page-body-wording {
  text-align: center;
  padding: 200rpx 100rpx;
}
.page-body-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  margin-bottom: 50rpx;
  width: 100%;
  padding: 50rpx 0 150rpx 0;
}
.page-body-title {
  margin-bottom: 100rpx;
  font-size: 32rpx;
}
.page-body-text {
  font-size: 30rpx;
  line-height: 26px;
  color: #ccc;
}
.page-body-text-small {
  font-size: 24rpx;
  color: #000;
  margin-bottom: 100rpx;
}
.page-body-form {
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #eee;
}
.page-body-form-item {
  display: flex;
  align-items: center;
  margin-left: 30rpx;
  border-bottom: 1px solid #eee;
  height: 88rpx;
  font-size: 34rpx;
}
.page-body-form-key {
  width: 180rpx;
  color: #000;
}
.page-body-form-value {
  flex-grow: 1;
}
.page-body-form-value .input-placeholder {
  color: #b2b2b2;
}

.page-body-form-picker {
  display: flex;
  justify-content: space-between;
  height: 100rpx;
  align-items: center;
  font-size: 36rpx;
  margin-left: 20rpx;
  padding-right: 20rpx;
  border-bottom: 1px solid #eee;
}
.page-body-form-picker-value {
  color: #ccc;
}

.page-body-buttons {
  width: 100%;
}
.page-body-button {
  margin: 25rpx;
}
.page-body-button image {
  width: 150rpx;
  height: 150rpx;
}
.page-footer {
  text-align: center;
  color: #1aad19;
  font-size: 24rpx;
  margin: 20rpx 0;
}

.green{
    color: #09BB07;
}
.red{
    color: #F76260;
}
.blue{
    color: #10AEFF;
}
.yellow{
    color: #FFBE00;
}
.gray{
    color: #C9C9C9;
}

.strong{
    font-weight: bold;
}

.bc_green{
    background-color: #09BB07;
}
.bc_red{
    background-color: #F76260;
}
.bc_blue{
    background-color: #10AEFF;
}
.bc_yellow{
    background-color: #FFBE00;
}
.bc_gray{
    background-color: #C9C9C9;
}

.tc{
    text-align: center;
}

.page input{
    padding: 20rpx 30rpx;
    background-color: #fff;
}
checkbox, radio{
    margin-right: 10rpx;
}

.btn-area{
    padding: 10px 30px;
}
.btn-area button{
    margin-top: 20rpx;
    margin-bottom: 20rpx;
}

.page {
    min-height: 100%;
    flex: 1;
    background-color: #FBF9FE;
    font-size: 32rpx;
    font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
    overflow: hidden;
}
.page__hd{
    padding: 50rpx 50rpx 100rpx 50rpx;
    text-align: center;
}
.page__title{
    display: inline-block;
    padding: 20rpx 40rpx;
    font-size: 32rpx;
    color: #AAAAAA;
    border-bottom: 1px solid #CCCCCC;
}
.page__desc{
    display: none;
    margin-top: 20rpx;
    font-size: 26rpx;
    color: #BBBBBB;
}

page{
    background-color: #F8F8F8;
    font-size: 16px;
    font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
}
.page__hd {
    padding: 40px;
}
.page__bd {
    padding-bottom: 40px;
}
.page__bd_spacing {
    padding-left: 15px;
    padding-right: 15px;
}

.page__ft{
    padding-bottom: 10px;
    text-align: center;
}

.page__title {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
}

.page__desc {
    margin-top: 5px;
    color: #888888;
    text-align: left;
    font-size: 14px;
}
.swiper {
    width: 100%;
    height: 400rpx;
}
.slide-image {
    width: 100%;
}
.news {
    padding: 26rpx 40rpx 26rpx 40rpx;
}
.news-title {
    color: #AAAAAA;
}
.news-item {
    margin: 10rpx 0 10rpx 0;
    
    background-color: #fff;
}
.news-item-pic {
    padding: 20rpx 0 10rpx 20rpx;
    width: 160rpx;
    
    float: left;
}
.news-item-image {
    width: 100%;
}
.news-item-words {
    width: 450rpx;
    height: 65px;
    float: right;
    overflow-y: hidden;
    padding: 20rpx 10rpx;
}
.news-item-title {
    font-size: 11pt;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-item-content {
    font-size: 8pt;
    line-height: 13pt;
    text-overflow:ellipsis; 
    color: #a9a9a9;
}
.news-more {
    color: #AAAAAA;
    font-size: 14px;
    
}
.news-more-line {
    padding-left: -26rpx important;
}
.news-details-content {
    padding: 0 40rpx 100rpx 40rpx;
}
.video {
    
}
.video-input {
    border: 1px solid #CCCCCC;   
}
.contact {
    padding: 40rpx 40rpx 40rpx 40rpx;
}
image {
    height: auto;
}

 

 

二、业务页面部分

小程序页面主要由以下文件组成。

本项目程序分为4个页面：主页、新闻详情页、产品服务页、联系我们页。

主页部分

主页效果图如下

 

1. 页面结构

上方是一个图片轮播图，中间是新闻列表，下文有一个查看更多导航

其页面结构代码如下

<!--index.wxml-->
<view class="index">
    <view class="slider">
        <swiper class="swiper" indicator-dots="{{indicatorDots}}"
  autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
            <block wx:for="{{swipers}}">
                <swiper-item>
                    <navigator url="/pages/news/news-details?id={{item.id}}" class="widget">
                        <image mode="widthFix" src="{{item.thumbnail_images.medium_large.url}}" class="slide-image" width="" height=""></image>
                    </navigator>
                </swiper-item>
            </block>
        </swiper>
    </view>
    <view class="news">
        <text class="news-title">新闻动态</text>

        <block wx:for="{{news}}">
        <navigator url="/pages/news/news-details?id={{item.id}}">
        <view class="news-item line">
            <view class="news-item-pic">
                <image mode="widthFix" src="{{item.thumbnail}}" class="news-item-image" width="" height=""></image>
            </view>
            <view class="news-item-words">
                <view class="news-item-title"><text>{{item.title_plain}}</text></view>
                <view class="news-item-content"><text>{{item.excerpt_plain}}</text></view>
            </view>
        </view>
        </navigator>
        </block>

        <view class="widgets__list widgets__list_show">
            <navigator url="/pages/news/news?cat={{cat}}" class="widget_more">
                <text class="news-more">查看更多</text>
                <image class="widget__arrow" src="/images/arrowright.png" mode="aspectFill" />
                <view class="widget__line widget__line_first"></view>
            </navigator>
        </view>
    </view>
</view>

 

 

2. 样式表

样式代码如下所示

.index{
    background-color: #FBF9FE;
    font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
    flex: 1;
    min-height: 100%;
    font-size: 32rpx;
}
.head{
    padding: 80rpx;
    line-height: 1;
}
.body{
    padding-left: 30rpx;
    padding-right: 30rpx;
    overflow: hidden;
}
.title{
    font-size: 52rpx;
}
.desc{
    margin-top: 10rpx;
    color: #888888;
    font-size: 28rpx;
}

.widgets__item{
    margin-top: 20rpx;
    margin-bottom: 20rpx;
    background-color: #FFFFFF;
    overflow: hidden;
    border-radius: 4rpx;
    cursor: pointer;
}
.widgets__info{
    display: flex;
    padding: 40rpx;
    align-items: center;
    flex-direction: row;
}
.widgets__info_show{
}
.widgets__info_show .widgets__info-img{
    transform: rotate(-90deg);
}
.widgets__info-name{
    flex: 1;
}
.widgets__info-img{
    width: 32rpx;
    height: 32rpx;
    transition: transform .4s;
    transform: rotate(90deg);
}

.widgets__list{
    display: none;
}
.widgets__list_show{
    display: block;
}
.widget{
    position: relative;
    padding-top: 26rpx;
    padding-bottom: 26rpx;
    padding-left: 40rpx;
    padding-right: 40rpx;
}
.widget_more{
    position: relative;
    padding-top: 26rpx;
    padding-bottom: 26rpx;
    padding-left: 0rpx;
    padding-right: 40rpx;
}
.widget__arrow{
    position: absolute;
    top: 28rpx;
    right: 44rpx;
    width: 32rpx;
    height: 32rpx;
}
.widget__line{
    content: " ";
    position: absolute;
    left: 40rpx;
    top: 0;
    right: 0;
    height: 2rpx;
    background-color: #F0F0F0;
}
.widget__line_first{
    left: 0;
    right: 0;
    background-color: #D8D8D8;
}

 

 

3、 页面逻辑处理

页面逻辑也是通过接口取网站的数据，并且存到swipet,news等数据中，供前端显示

 

var CONFIG = require('../../utils/config.js')

Page({
  data: {
    indicatorDots: true,
    autoplay: true,
    interval: 5000,
    duration: 1000,
    swipers: [],
    news: [],
    cat: '17',
  },

  onLoad: function () {
    var that = this;
    wx.request({
      url: CONFIG.API_URL.GET_INDEX,
      method: 'GET',
      data: {},
      header: {
        'Accept': 'application/json'
      },
      success: function(res) {
        console.log(res);

        if (res.statusCode == 200 && res.data.status == 'ok') {
          var data = res.data;
          var swipers = [];
          var news = [];
          
          console.log(data);
          for (var i = 0; i < data.count; i++) {
            if (i < 3) {
              swipers.push(data.posts[i]);
            }
            else {
              var excerpt_plain = data.posts[i].excerpt.replace(/<[^>].*?>/g, "");
              data.posts[i].excerpt_plain = excerpt_plain.replace(/\[[^\]].*?\]/g, "");
              news.push(data.posts[i]);
            }
          }
          that.setData({swipers: swipers});
          that.setData({news: news});
        } else {
          
        }
      }
    })
  },
  onShareAppMessage: function () {
   // return custom share data when user share.
   console.log('onShareAppMessage')
   return {
      title: '盛世华安',
      desc: '小程序',
      path: '/pages/index/index'
    }
  },
});

 

 

 

产品服务页部分

 产品服务页和主页的新闻列表页类似

1. 页面结构

其页面结构代码如下

<view class="news">
        <text class="news-title">产品服务</text>

        <block wx:for="{{news}}">
        <navigator url="/pages/news/news-details?id={{item.id}}">
        <view class="news-item line">
            <view class="news-item-pic">
                <image mode="widthFix" src="{{item.thumbnail}}" class="news-item-image" width="" height=""></image>
            </view>
            <view class="news-item-words">
                <view class="news-item-title"><text>{{item.title_plain}}</text></view>
                <view class="news-item-content"><text>{{item.excerpt_plain}}</text></view>
            </view>
        </view>
        </navigator>
        </block>
    </view>

 

2. 样式表

使用公共样式表。

 

3、 页面逻辑处理

请求官网接口数据并显示

var CONFIG = require('../../utils/config.js')

Page({
  data: {
  },
  onLoad: function () {
    var that = this;
    wx.request({
      url: CONFIG.API_URL.GET_CATEGORY + '14',
      method: 'GET',
      data: {},
      header: {
        'Accept': 'application/json'
      },
      success: function(res) {
        console.log(res);

        if (res.statusCode == 200 && res.data.status == 'ok') {
          var data = res.data;
          var news = [];
          
          console.log(data);
          for (var i = 0; i < data.count; i++) {
            var excerpt_plain = data.posts[i].excerpt.replace(/<[^>].*?>/g, "");
            data.posts[i].excerpt_plain = excerpt_plain.replace(/\[[^\]].*?\]/g, "");
            news.push(data.posts[i]);
          }
          that.setData({news: news});
        } else {
          
        }
      }
    })
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  },
  go: function(event) {
    wx.navigateTo({
      url: '/pages/news/news-details?id=' + event.currentTarget.dataset.type
    })
  }
})

 

 

联系我们页部分

1. 页面结构

其页面结构代码如下.

<import src="../../utils/wxParse/wxParse.wxml"/> 
<view class="page">
  <view class="page__hd">
    <text class="page__title"></text>
    <text class="page__desc"></text>
  </view>
    <view class="news-details-content wxParse">
    <template is="wxParse" data="{{wxParseData:content.nodes}}"/>
    </view>
</view>

 

2. 样式表

使用公共样式表。

 

3、 页面逻辑处理

请求官网接口数据并显示

var CONFIG = require('../../utils/config.js')
var WxParse = require('../../utils/wxParse/wxParse.js');

Page({
  data: {
  },
  onLoad: function () {
    var that = this;
    wx.request({
      url: CONFIG.API_URL.GET_PAGE + '36',
      method: 'GET',
      data: {},
      header: {
        'Accept': 'application/json'
      },
      success: function(res) {
        console.log(res);

        if (res.statusCode == 200 && res.data.status == 'ok') {
          var data = res.data;
          
          that.setData({page: data.page});
          WxParse.wxParse('content', 'html', data.page.content, that, 25)
        } else {
          
        }
      }
    })
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  },
  go: function(event) {
    wx.navigateTo({
      url: '/pages/news/news-details?id=' + event.currentTarget.dataset.type
    })
  }
})

 

 

三、程序效果图

 

 

四、源代码下载

扫描下方二维码并关注公众账号，回复 “1238” 获取

源代码使用方法，请参考  微信小程序开发入门教程

 

文章标签：
索引
数据格式
JSON
关键词：
微信开发
微信小程序开发
微信企业
微信小程序企业
zhexuan
目录
相关文章
上海龙兵兵数字科技有限公司成都分公司
|
20天前
|
小程序
预约按摩小程序开发，为什么很多上门按摩平台根本招聘不到优秀技师？
上门按摩平台面临招不到优秀技师的问题，主要原因是平台众多，技师选择多样。为解决此问题，平台可引入技师等级制度，根据订单数量和好评率划分高、低等级技师。高等级技师可享受70%-90%的高提成及首页推荐，这不仅能激励技师的积极性，还能帮助平台筛选出优质技师，提升服务质量和口碑，形成良性循环。
上海龙兵兵数字科技有限公司成都分公司
36 3
邹荣乐
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
邹荣乐
563 7
開发-I88I9Z88OZ4
|
2月前
|
小程序 搜索推荐 数据挖掘
跳绳打卡小程序开发多钱费用
跳绳打卡小程序通过智能手机即可轻松使用，无需额外设备，只需一根跳绳即可开始您的健康之旅。它结合了便捷性、互动性和个性化设置，让跳绳这项运动变得更加有趣和高效
開发-I88I9Z88OZ4
53 1
邹荣乐
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
邹荣乐
686 1
赣州云智科技的技术铺子
|
27天前
|
人工智能 小程序
【一步步开发AI运动小程序】五、帧图像人体识别
随着AI技术的发展，阿里体育等公司推出的AI运动APP，如“乐动力”和“天天跳绳”，使云上运动会、线上健身等概念广受欢迎。本文将引导您从零开始开发一个AI运动小程序，使用“云智AI运动识别小程序插件”。文章分为四部分：初始化人体识别功能、调用人体识别功能、人体识别结果处理以及识别结果旋转矫正。下篇将继续介绍人体骨骼图绘制。
赣州云智科技的技术铺子
54 1
赣州云智科技的技术铺子
|
28天前
|
人工智能 小程序 vr&ar
AI运动小程序开发常见问题集锦二
截至当前，我们的AI运动识别小程序插件已迭代至第23个版本，广泛应用于健身、体育、体测、AR互动等场景。本文针对近期用户咨询，汇总了常见问题，帮助用户减少开发成本，提高效率。主要涵盖计时与计数模式的区别、综合排行榜生成方法、全屏模式适配及无开发能力用户的解决方案。
赣州云智科技的技术铺子
60 2
上海龙兵兵数字科技有限公司成都分公司
|
28天前
|
小程序 数据挖掘 UED
开发1个上门家政小程序APP系统，都有哪些功能？
在快节奏的现代生活中，家政服务已成为许多家庭的必需品。针对传统家政服务存在的问题，如服务质量不稳定、价格不透明等，我们历时两年开发了一套全新的上门家政系统。该系统通过完善信用体系、提供奖励机制、优化复购体验、多渠道推广和多样化盈利模式，解决了私单、复购、推广和盈利四大痛点，全面提升了服务质量和用户体验，旨在成为家政行业的领导者。
上海龙兵兵数字科技有限公司成都分公司
43 1
開发-I88I9Z88OZ4
|
2月前
|
存储 传感器 小程序
跳绳计数小程序开发系统
首先，我们需要明确跳绳计数小程序的核心功能：为用户提供跳绳计数的便捷方式。这意味着小程序需要能够准确地记录用户的跳绳次数，并为用户提供清晰、直观的计数展示。
開发-I88I9Z88OZ4
70 2
赣州云智科技的技术铺子
|
2月前
|
人工智能 编解码 小程序
【一步步开发AI运动小程序】四、小程序如何抽帧
随着AI技术的发展，阿里体育等公司推出的“乐动力”、“天天跳绳”等APP使云上运动会、线上健身等概念备受关注。本文将引导您从零开始开发一个AI运动小程序，利用“云智AI运动识别小程序插件”。文中详细介绍了微信小程序抽帧的相关API、设置及注意事项，帮助开发者更好地实现AI运动功能。下篇将介绍人体识别技术，敬请期待。
赣州云智科技的技术铺子
57 2
開发-I88I9Z88OZ4
|
2月前
|
传感器 存储 小程序
跳绳计数小程序开发
跳绳计数小程序旨在通过智能设备（如手机或智能手表）记录用户在跳绳过程中的次数、时间、速度等关键数据，为用户提供便捷的运动记录和数据分析服务
開发-I88I9Z88OZ4
48 1

热门文章

最新文章

  • 1
    小程序审核常见驳回类型
  • 2
    科普：App、H5和小程序是什么？
  • 3
    笑联 x mPaaS | 12 个模块，全面小程序化，如何打造真正的一次开发复用多端？
  • 4
    小程序云开发联表数据查询以及云函数中的应用
  • 5
    基于springboot的场地预约小程序的设计与实现(程序+数据库+文档)
  • 6
    使用企业账号创建小程序（提效百宝箱系列）
  • 7
    小程序实现竖行布局视图（类表格）
  • 8
    【易售小程序项目】小程序首页完善（滑到底部数据翻页、回到顶端、基于回溯算法的两列数据高宽比平衡）【后端基于若依管理系统开发】
  • 9
    零基础开发小程序第三课-列表功能开发（一）
  • 10
    小程序微信支付API？小程序获取手机号？
  • 1
    微信小程序用户登陆和获取用户信息功能实现
    120
  • 2
    uniapp-微信小程序-上拉和下拉触底刷新
    147
  • 3
    微信小程序和springboot实现微信支付
    239
  • 4
    微信小程序-微信支付
    72
  • 5
    微信小程序调试、断点调试
    188
  • 6
    微信小程序-分包
    70
  • 7
    开发uniapp过程中对app、微信小程序与h5的webview调试
    1160
  • 8
    微信小程序echart图片不显示 问题解决
    65
  • 9
    UniApp与微信小程序介绍及区别
    594
  • 10
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（二）
    571

    • 相关课程

    更多
  • IoT小程序框架课程
  • 零基础学前端HTML+CSS
  • 阿里云RPA（机器人流程自动化）- 初级入门（可视化）
  • 云上建站快速入门-博客、论坛、CMS、电子商务网站统统搞定
  • 软件供应商进阶管理实操
  • C++ 入门教程开发文档

    • 相关电子书

    更多
  • 《使用Serverless服务快速开发小程序》
  • 《云市场-小程序》
  • 数字乡村建设方案

    • 相关实验场景

    更多
  • 搭建微信小程序（AMD 8代）
  • 1分钟SAE部署Web在线游戏
  • 搭建微信小程序
  • 快速搭建移动端可视化看板
  • 1分钟SAE部署PHP商城小程序
  • 前端开发基础2：VS Code和Edge的联动开发
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月