《移动软件开发》实验-高校新闻网

已于 2024-09-02 20:12:35 修改
阅读量637 收藏 11
点赞数 19
分类专栏： 《移动软件开发》实验 文章标签： 微信小程序 小程序
于 2024-09-02 20:11:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_77303935/article/details/141828919
版权

2024年夏季《移动软件开发》实验报告

一、实验目标

1、综合所学知识创建完整的前端新闻小程序项目；能够在开发过程中
熟练掌握真机预览、调试等操作。

二、实验步骤

1.项目创建

填写名称、目录、选择AppID，选择不使用云服务，模板选择JS基础模板

2. 页面配置

2.1 创建页面文件

（1） 将app.json中pages属性中的“pages/logs/logs"删除

（2） 将app.json文件pages属性中追加pages/detail/detail和pages/my/my

（3）保存修改后会自动生成detail和my目录

2.2 删除和修改文件

（1）删除utils文件夹及其内部所有内容

（2）删除pages文件夹下的logs目录及其内部所有内容

（3）删除index.wxml和index.wxss中的所有代码

（4）删除index.js中的所有代码，并且输入关键词”page“找到第二个选项按回车键让其自动补全函数

（5）删除app.wxss中的所有代码

（6）删除app.js中的全部代码，并且输入关键词”app“找到第二个选项按回车键让其自动补全函数

2.3 创建其它文件

images目录：存放图片

utils：存放公有js文件

提供 common.js、图片文件（images）、以及 index 页面的代码，其它部分的代码大家自
己完成，下载地址：https://gaopursuit.oss-cn-beijing.aliyuncs.com/2022/demo4_file.zip
在这里插入图片描述

3. 视图设计

3.1 导航栏和tabBar设计

app.json

{
  "pages": [
    "pages/index/index",
    "pages/detail/detail",
    "pages/my/my"
  ],
  "window": {
    "navigationBarTextStyle": "white",
    "navigationBarTitleText": "我的新闻网",
    "navigationBarBackgroundColor": "#328EEB"
  },
  "tabBar":{
    "color":"#000",
    "selectedColor":"#328EEB",
    "list": [
      {
        "pagePath": "pages/index/index",
        "iconPath": "images/index.png",
        "selectedIconPath": "images/index_blue.png",
        "text": "首页"
      },
      {
        "pagePath": "pages/my/my",
        "iconPath": "images/my.png",
        "selectedIconPath": "images/my_blue.png",
        "text": "我的"
      }
    ]
  }
}

3.2 页面设计

首页设计
  • 幻灯片 ：组件
  • 新闻列表：，内部数组循环

pages/index/index.wxml

<!--pages/index/index.wxml-->
<!--幻灯片滚动-->
<swiper indicator-dots="true" autoplay="true" interval="5000" duration="500">
  <block wx:for="{{swiperImg}}" wx:key='swiper{{index}}'>
    <swiper-item>
      <image src="{{item.src}}"></image>
    </swiper-item>
  </block>
</swiper>
<!--新闻列表-->
<view id='news-list'>
  <view class='list-item' wx:for="{{newsList}}" wx:for-item="news" wx:key="{{news.id}}">
    <image src='{{news.poster}}'></image>
    <text bindtap='goToDetail' data-id='{{news.id}}'>◇{{news.title}}——{{news.add_date}}</text>
  </view>
</view>

pages/index/index.wxss

/*新闻列表区域样式*/
/*2-1新闻列表容器*/
#news-list {
  min-height: 600rpx;
  padding: 15rpx;
}
/*2-2列表项目*/
.list-item{
  display: flex;
  flex-direction: row;
  border-bottom: 1rpx solid gray;
}
/*2-3新闻图片*/
.list-item image{
  width:230rpx;
  height: 150rpx;
  margin: 10rpx;
}
/*2-4新闻标题*/
.list-item text{
  width: 100%;
  line-height: 60rpx;
  font-size: 10pt;
}

swiper{
  height: 400rpx;
}

swiper image{
  width: 100%;
  height:100%;
}

pages/index/index.js

Page({
  /**
   * 页面的初始数据
   */
  data: {
    //幻灯片素材
    swiperImg: [
      {src: 'https://news.ouc.edu.cn/_upload/article/images/dd/19/ede76a4a4ebdb1d3ab278a12fdd8/9bb154f8-e33b-421a-b453-82c758a32405.jpg'},
      {src: 'https://news.ouc.edu.cn/_upload/article/images/3a/4d/73b22a9b404f93e907238f2a2325/55606b28-53b8-412f-9420-74c7a30657b6.jpg'},
      {src: 'https://news.ouc.edu.cn/_upload/article/images/94/9e/509119874e5287e8c56ef708865b/11604054-e936-468b-a50e-a4233e475a53.jpg'}
    ],
  }
})
个人界面设计
  • 登录面板
    • 用户微信头像和昵称
  • 我的收藏
    • 收藏的新闻列表

pages/my/my.wxml

<!-- 登录面板 -->
<view id='myLogin'>
  <block wx:if="{{isLogin}}">
    <image id='myIcon' src='{{src}}'/>
    <text id='nickName'>{{nickName}}</text>
  </block>
  <button wx:else open-type="getUserInfo" bindgetuserinfo="getMyInfo">未登录，点击登录</button>
</view>

<!-- 我的收藏 -->
<view id="myFavorites">
  <text>我的收藏（{{num}}）</text>
  <!-- 收藏的新闻列表 -->
  <view id='news-list'>
    <view class='list-item' wx:for="{{newsList}}" wx:for-item="news" wx:key="{{news.id}}">
      <image src='{{news.poster}}'></image>
      <text bind:tap="goToDetail" data-id="{{news.id}}">◇{{news.title}}——{{news.add_date}}</text>
    </view>
  </view>  
</view>

pages/my/my.wxss

/* 登录界面 */
#myLogin{
  background-color: #328EEB;
  height: 400rpx;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content: space-around;
}

/* 微信头像 */
#myIcon{
  width: 200rpx;
  height: 200rpx;
  border-radius: 50%;
}

/* 微信昵称 */
#nickName{
  color: white;
}

/* 我的收藏 */
#myFavorites{
  padding: 20rpx;
}

app.wxss

#new-list{
  min-height: 600rpx;
  padding: 15rpx;
}

.list-item{
  display: flex;
  flex-direction: row;
  border-bottom: 1rpx solid gray;
}

.list-item image{
  width: 230rpx;
  height: 150rpx;
  margin: 10rpx;
}

.list-item text{
  width: 100%;
  display: block;
  line-height: 60rpx;
  font-size: 10pt;
}
新闻页设计

pages/detail/detail.wxml

<view class="container">
  <view class="title">{{article.title}}</view>
  <view class="poster">
    <image src="{{article.poster}}" mode="widthFix"/>
  </view>
  <view class="content">{{article.content}}</view>
  <view class="add_date">时间：{{article.add_date}}</view>
  <button wx:if="{{isAdd}}" plain bind:tap="cancelFavorites">❤已收藏</button>
  <button wx:else plain bind:tap="addFavorites">❤点击收藏</button>
</view>

pages/detail/detail.wxss

.container{
  padding: 15rpx;
  text-align: center;
}

.title{
  font-size: 14pt;
  line-height: 80rpx;
}

.poster image{
  width: 100%;
}

.content{
  text-align: left;
  font-size: 12pt;
  line-height: 60rpx;
}

.add_data{
  font-size: 12pt;
  text-align: right;
  line-height: 30rpx;
  margin-right: 25rpx;
  margin-top: 20rpx;
}

button{
  width: 250rpx;
  height: 100rpx;
  margin: 20rpx auto;
}

4. 逻辑实现

common.js直接使用文章开头压缩包内文件

//模拟新闻数据
const news = [
  {id: '264698',
  title: '中国海大志愿者完成第五届跨国公司领导人青岛峰会志愿服务',
  poster: 'https://news.ouc.edu.cn/_upload/article/images/dd/19/ede76a4a4ebdb1d3ab278a12fdd8/9bb154f8-e33b-421a-b453-82c758a32405.jpg',
  content: '8月27日至29日，第五届跨国公司领导人青岛峰会在青岛国际会议中心举办。为全面做好服务保障，确保峰会顺利举行，中国海洋大学招募选派115名志愿者参与峰会志愿服务，志愿者们以饱满的热情完成本次大会的各项工作，累计服务时长3000余小时，用实际行动展现中国海大青年风采。',
  add_date: '2024-08-31'},
  {id: '304083',
  title: '贵州省人大干部综合能力提升培训班在中国海洋大学举办',
  poster: 'https://news.ouc.edu.cn/_upload/article/images/3a/4d/73b22a9b404f93e907238f2a2325/55606b28-53b8-412f-9420-74c7a30657b6.jpg',
  content: ' 8月26日至30日，贵州省人大干部综合能力提升培训班（第三期）在中国海洋大学举办。贵州省人大常委会党组成员于杰，中国海洋大学党委常委、副校长王雪鹏出席开班式，贵州省人大常委会副秘书长、机关党组成员闵红棕主持开班式。',
  add_date: '2024-08-30'},
  {id: '305670',
  title: '中国海洋大学开展2024级本科生集中入学教育',
  poster: 'https://news.ouc.edu.cn/_upload/article/images/94/9e/509119874e5287e8c56ef708865b/11604054-e936-468b-a50e-a4233e475a53.jpg',
  content: '为帮助2024级本科生尽快适应大学生活，8月27日，学校在崂山校区体育馆举行了2024级本科生集中入学教育。',
  add_date: '2024-08-29'}
];

//获取新闻列表
function getNewsList() {
  let list = [];
  for (var i = 0; i < news.length; i++) {
    let obj = {};
    obj.id = news[i].id;
    obj.poster = news[i].poster;
    obj.add_date = news[i].add_date;
    obj.title = news[i].title;
    list.push(obj);
  }
  return list; //返回新闻列表
}

//获取新闻内容
function getNewsDetail(newsID) {
  let msg = {
    code: '404', //没有对应的新闻
    news: {}
  };
  for (var i = 0; i < news.length; i++) {
    if (newsID == news[i].id) { //匹配新闻id编号
      msg.code = '200'; //成功
      msg.news = news[i]; //更新当前新闻内容
      break;
    }
  }
  return msg; //返回查找结果
}

// 对外暴露接口
module.exports = {
  getNewsList: getNewsList,
  getNewsDetail: getNewsDetail
}

4.1 首页逻辑

  • 新闻列表展示

pages/index/index.js

// pages/index/index.js
var common = require('../../utils/common.js') //引用公共JS文件
Page({
  /**
   * 页面的初始数据
   */
  data: {
    //幻灯片素材
    swiperImg: [
      {src: 'https://news.ouc.edu.cn/_upload/article/images/dd/19/ede76a4a4ebdb1d3ab278a12fdd8/9bb154f8-e33b-421a-b453-82c758a32405.jpg'},
      {src: 'https://news.ouc.edu.cn/_upload/article/images/3a/4d/73b22a9b404f93e907238f2a2325/55606b28-53b8-412f-9420-74c7a30657b6.jpg'},
      {src: 'https://news.ouc.edu.cn/_upload/article/images/94/9e/509119874e5287e8c56ef708865b/11604054-e936-468b-a50e-a4233e475a53.jpg'}
    ],
  },

  /**
   * 自定义函数--跳转新页面浏览新闻内容
   */
  goToDetail: function(e) {
    //获取携带的data-id数据
    let id = e.currentTarget.dataset.id;
    //携带新闻id进行页面跳转
    wx.navigateTo({
      url: '../detail/detail?id=' + id
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    //获取新闻列表
    let list = common.getNewsList()
    //更新列表数据
    this.setData({
      newsList: list
    })
  }
})
  • 点击跳转新闻内容

pages/index/index.wxml

<!--pages/index/index.wxml-->
<!--幻灯片滚动-->
<swiper indicator-dots="true" autoplay="true" interval="5000" duration="500">
  <block wx:for="{{swiperImg}}" wx:key='swiper{{index}}'>
    <swiper-item>
      <image src="{{item.src}}"></image>
    </swiper-item>
  </block>
</swiper>
<!--新闻列表-->
<view id='news-list'>
  <view class='list-item' wx:for="{{newsList}}" wx:for-item="news" wx:key="{{news.id}}">
    <image src='{{news.poster}}'></image>
    <text bindtap='goToDetail' data-id='{{news.id}}'>◇{{news.title}}——{{news.add_date}}</text>
  </view>
</view>

pages/index/index.js添加函数

// pages/index/index.js
var common = require('../../utils/common.js') //引用公共JS文件
Page({
  /**
   * 页面的初始数据
   */
  data: {
    //幻灯片素材
    swiperImg: [
      {src: 'https://news.ouc.edu.cn/_upload/article/images/dd/19/ede76a4a4ebdb1d3ab278a12fdd8/9bb154f8-e33b-421a-b453-82c758a32405.jpg'},
      {src: 'https://news.ouc.edu.cn/_upload/article/images/3a/4d/73b22a9b404f93e907238f2a2325/55606b28-53b8-412f-9420-74c7a30657b6.jpg'},
      {src: 'https://news.ouc.edu.cn/_upload/article/images/94/9e/509119874e5287e8c56ef708865b/11604054-e936-468b-a50e-a4233e475a53.jpg'}
    ],
  },

  /**
   * 自定义函数--跳转新页面浏览新闻内容
   */
  goToDetail: function(e) {
    //获取携带的data-id数据
    let id = e.currentTarget.dataset.id;
    //携带新闻id进行页面跳转
    wx.navigateTo({
      url: '../detail/detail?id=' + id
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    //获取新闻列表
    let list = common.getNewsList()
    //更新列表数据
    this.setData({
      newsList: list
    })
  }
})

4.2 新闻页逻辑

  • 显示对应新闻
  • 添加/取消新闻收藏

pages/detail/detail.js

// pages/detail/detail.js
var common = require('../../utils/common.js') //引用公共JS文件
Page({
  goToDetail: function(e){
    //获得携带的data-id
    let id=e.currentTarget.dataset.id;

    //携带新闻ID进行页面跳转
    wx.navigateTo({
      url: '../detail/detail?id='+id,
    })
  },
  /**
   * 页面的初始数据
   */
  data: {
    num: 0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad:function(options) {
    //获得页面跳转带来的数据
    let id = options.id

    //检查新闻是否文件夹内
    var article=wx.getStorageSync(id)
    //已存在
    if(article!=''){
      this.setData({
        article:article,
        isAdd:true
      })
    }
    else{
      let result = common.getNewsDetail(id)
    //获取行为内容
      if(result.code=='200'){
        this.setData({
          article:result.news,
          isAdd:false
        })
      }
    }
  },
//添加收藏夹
  addFavorites:function(options){
    let article=this.data.article;
    wx.setStorageSync(article.id,article);
    this.setData({isAdd:true});
  },

  //取消收藏
  cancelFavorites:function(){
    let article = this.data.article;
    wx.removeStorageSync(article.id);
    this.setData({isAdd:false});
  }
})

pages/detail/detail.wxml

<view class="container">
  <view class="title">{{article.title}}</view>
  <view class="poster">
    <image src="{{article.poster}}" mode="widthFix"/>
  </view>
  <view class="content">{{article.content}}</view>
  <view class="add_date">时间：{{article.add_date}}</view>
  <button wx:if="{{isAdd}}" plain bind:tap="cancelFavorites">❤已收藏</button>
  <button wx:else plain bind:tap="addFavorites">❤点击收藏</button>
</view>

4.3 个人中心页逻辑

  • 获取微信用户信息
  • 获取收藏列表
  • 浏览收藏的新闻

pages/my/my.wxml

<!-- 登录面板 -->
<view id='myLogin'>
  <block wx:if="{{isLogin}}">
    <image id='myIcon' src='{{src}}'/>
    <text id='nickName'>{{nickName}}</text>
  </block>
  <button wx:else open-type="getUserInfo" bindgetuserinfo="getMyInfo">未登录，点击登录</button>
</view>

<!-- 我的收藏 -->
<view id="myFavorites">
  <text>我的收藏（{{num}}）</text>
  <!-- 收藏的新闻列表 -->
  <view id='news-list'>
    <view class='list-item' wx:for="{{newsList}}" wx:for-item="news" wx:key="{{news.id}}">
      <image src='{{news.poster}}'></image>
      <text bind:tap="goToDetail" data-id="{{news.id}}">◇{{news.title}}——{{news.add_date}}</text>
    </view>
  </view>  
</view>

pages/my/my.js

// pages/my/my.js
Page({
  getMyInfo:function(e){
    let info=e.detail.userInfo;
    this.setData({
      isLogin:true,
      src:info.avatarUrl,
      nickName:info.nickName
    })

    //获取收藏列表
    this.getMyFavorites();
  },

  getMyFavorites:function(){
    //获取收藏夹
    let info = wx.getStorageInfoSync();
    let keys = info.keys;
    let num = keys.length;

    let myList=[];
    for(var i = 0; i < num; i ++ ){
      let obj = wx.getStorageSync(keys[i]);
      myList.push(obj);
    }

    //更新收藏夹
    this.setData({
      newsList:myList,
      num:num
    });
  },

  onShow: function(){
    //如果已登录
    if(this.data.isLogin){
      //更新收藏列表
      this.getMyFavorites()
    }
  },

  goToDetail:function(e){
    //获取携带的data-id数据
    let id = e.currentTarget.dataset.id;
    //携带新闻Id跳转
    wx.navigateTo({
      url: '../detail/detail?id='+id,
    })
  },
  /**
   * 页面的初始数据
   */
  data: {
  }
})

三、程序运行结果

列出程序的最终运行结果及截图。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

四、问题总结与体会

描述实验过程中所遇到的问题，以及是如何解决的。有哪些收获和体会，对于课程的安排有哪些建议。

问题总结

在实验过程中，我遇到了以下几个主要问题，并尝试了不同的方法来解决它们：

  1. 图片显示问题

    • 问题描述：在detail页面的wxss文件中，.poster image的width属性设置为100%时，图片无法正常显示。
    • 解决方法：通过尝试将width改为700rpx后，图片成功显示。这个问题可能是由于rpx（responsive pixel）单位在特定场景下与百分比（%）的兼容性差异导致的。我猜测在detail页面的布局中，使用百分比宽度可能导致了图片超出了其父容器的可视范围或者计算出错，而使用rpx单位则能更准确地控制图片的显示尺寸。

  2. 数据链接失效

    • 问题描述：在swiperImg数组中，原始的图片链接已经失效。
    • 解决方法：根据实验文档中的提示，我找到了新的图片链接，并替换掉了原有的失效链接。这要求我在项目文件中进行相应的修改，并确保链接的有效性。

  3. tabBar显示问题

    • 问题描述：在初始配置tabBar时，图标和文本显示不正确或者无法切换。
    • 解决方法：检查app.json中的tabBar配置，确保每个页面的路径、文本和图标都正确无误。同时，确认在首页和个人中心页中使用了正确的<tabBar>组件，并且没有重复的tabBar配置导致冲突。

  4. 收藏功能实现

    • 问题描述：在新闻页中实现收藏功能时，遇到了数据同步和状态更新的问题。
    • 解决方法：通过查阅文档和示例代码，我学会了如何使用小程序的本地存储（wx.setStorageSync和wx.getStorageSync）来保存和读取用户的收藏数据。同时，通过监听页面加载和卸载事件，确保了数据的实时更新和同步。

收获与体会

  1. 技能提升：通过这次实验，我更加深入地理解了小程序的页面结构、数据绑定、事件处理以及API的使用。尤其是在处理图片显示、数据同步和tabBar配置等问题时，我的动手能力和解决问题的能力得到了显著提升。
  2. 团队协作：虽然实验是独立完成的，但实验过程中遇到的问题和解决方法让我意识到在团队合作中，沟通和共享资源的重要性。特别是在面对复杂问题时，团队协作能够更快地找到解决方案。
  3. 项目规划：在实验开始前，对项目的整体规划和需求分析非常重要。这有助于我在开发过程中有条不紊地进行，避免了一些不必要的返工和错误。
  4. 学习方法：通过查阅文档、搜索网络资源和尝试不同的解决方案，我学会了更加高效地学习新知识和解决问题的方法。这些方法不仅在本次实验中发挥了重要作用，也将对我的未来学习和工作产生积极影响。

对课程安排的建议

  1. 提供更多资源：在课程中提供更多有用的资源和链接，如API文档、示例代码和常见问题解答等，方便学生在遇到问题时能够及时找到解决方案。
  2. 强化基础训练：在教授新知识之前，加强对学生基础知识的训练，确保他们具备扎实的基础知识和技能。

GitHub仓库

2301_77303935
关注
  • 19
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
移动软件开发四——高校新闻网
Karthus77的博客
08-21 836
移动软件开发实验四
2022夏中国海洋大学《移动软件开发》实验四
weixin_53732233的博客
08-24 311
在学习了小程序的基础知识和各类API以后，通过本次实验尝试独立动手创建一个小程序前端综合设计，通过模仿网易新闻实现了一个基于模拟数据的简易高校新闻小程序。通过本次实验充分巩固了之前实验中积累下来的知识，为个人项目的完成打下坚实基础。
移动软件开发-高校新闻网
m0_61400264的博客
08-22 194
微信小程序
中国海洋大学 移动软件开发 实验五 高校新闻网
ZRCMLXKR的博客
09-02 618
中国海洋大学移动软件开发课程实验课作业 高校新闻网
2023移动软件开发-实验5：高校新闻网
jisan541的博客
09-04 149
1.对页面跳转的理解加深，对多页面程序理解加深。明确了自己的项目如何设计个人页面2.步步为营，可以顺利完成实验。
《移动软件开发》实验4
m0_67516833的博客
08-23 504
《移动软件开发》实验4
【微信小程序】高校新闻网
08-24
中国海洋大学2022夏季，移动软件开发实验四
竞赛资料源码-商丘工学院新闻网(信息与电子工程学院分院)采用前后端分离模式开发，大四web大赛作品.zip
01-24
RoboMaster、RoboCon、“西门子杯”中国智能制造挑战赛、中国大学生计算机设计大赛、世界技能大赛、中国高校计算机大赛-大数据挑战赛、团体程序设计天梯赛、移动应用创新赛、网络技术挑战赛、全国大学生信息安全竞赛...
Java基于微信小程序的超市购物管理系统
stormjun的博客
09-02 913
Java基于微信小程序的超市购物管理系统，此超市购物系统利用当下成熟完善的springboot框架，使用跨平台的可开发大型商业网站的Java语言，以及最受欢迎的RDBMS应用软件之一的Mysql数据库进行程序开发。超市购物系统的开发根据操作人员需要设计的界面简洁美观，在功能模块布局上跟同类型网站保持一致，程序在实现基本要求功能时，也为数据信息面临的安全问题提供了一些实用的解决方案。可以说该程序在帮助管理者高效率地处理工作事务的同时，也实现了数据信息的整体化，规范化与自动化。关键词：超市购物系统；
ssm“最多跑一次”微信小程序论文源码调试讲解
u014445459的博客
09-02 718
Java是由SUN公司推出，该公司于2010年被oracle公司收购。Java本是印度尼西亚的一个叫做爪洼岛的英文名称，也因此得来java是一杯正冒着热气咖啡的标识。Java语言在移动互联网的大背景下具备了显著的优势和广阔的前景，它是面向对象的，分布式的，动态的，具有平台无关性、安全性、健壮性。Java语言的基本语句语法和C++一样，但是它面向对象的技术更加彻底，因为Java要求将所有的内容都必须封装成类，把类作为程序的基本单位。由于不允许类外有变量、方法。
微信小程序垃圾回收的前景方向
h17711347205的博客
09-02 219
微信小程序通过智能化分类指导、在线预约回收、环保知识普及，成为垃圾分类与回收的新兴工具。小程序还提供用户与回收站的便捷连接，节省时间和精力，形成规范化的回收链条。此外，小程序还发布环保资讯，引导用户积极参与回收活动。
Java基于微信小程序的实习管理系统
Java徐师兄的博客
09-02 885
Java基于微信小程序的实习管理系统，本次开发的实习生管理系统实现了字典管理、公告管理、公司管理、简历管理、老师管理、实习管理、实习日志管理、通知管理、学生管理、职位招聘管理、职位收藏管理、职位留言管理、简历投递管理、管理员管理等功能。
微信小程序接入客服功能
china-quanda
08-31 1645
用户可使用小程序客服消息功能，与小程序的客服人员进行沟通。客服功能主要用于在小程序内 用户与客服直接沟通用，本篇介绍客服功能的基础开发以及进阶功能的使用，另外介绍多种客服的对接方式。
微信小程序 === 组件样式
每天都要努力学习哦~~
08-30 1236
xml引入vant-cell原始效果如下图。
【微信小程序】分包 - 分包预下载
weixin_40874076的博客
08-30 426
同一个分包中的页面享有。
Canvas 在 微信小程序-uni-APP 和 H5 中的使用差异
a2274001782的博客
08-31 1308
Canvas 是一个强大的绘图工具,无论是在 Web 开发还是跨平台应用开发中都有广泛应用。然而,在 uni-APP 和传统 H5 环境中使用 Canvas 时,存在一些重要的差异。本文将深入探讨这些差异,帮助开发者在不同平台上更好地使用 Canvas。
微信小程序自定义相机（React+Taro）
最新发布
weixin_45392204的博客
09-02 261
【代码】微信小程序自定义相机（React+Taro）
微信小程序代码目录结构介绍
又逢乱世
08-27 603
包含了小程序的所有页面，每个页面通常由四个文件组成。
设置无标题 android
05-02
在Android应用中，设置无标题是一种简洁和美观的设计方式，可以为用户提供更流畅的使用体验。以下是一些实现设置无标题的方法： 1. 在Android的Manifest文件中，找到对应Activity的标签，并添加”android:theme="@android:style/Theme.NoTitleBar"“属性。这样可以通过Android自带的主题去掉标题栏。 2. 使用自定义的主题，可以在样式表中添加以下代码： <style name="AppTheme" parent="Theme.AppCompat.NoActionBar"> <!-- ...其他样式... --> </style> 这种方式可以通过设置主题去除ActionBar和标题栏，同时保留其他布局元素。 3. 去掉代码中的setTitle()方法，这是一种最简单的方法，通过不设置Activity的标题来实现无标题。 以上就是三种常见的实现Android无标题的方式，开发者可以根据实际需求进行选择。值得注意的是，去除标题栏可能会影响用户的导航体验，因此在设计上需要考虑周全。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值