WeChat Mini Programme Programme pratique Méthode de production de nouvelles simples-Développement de mini-programmes-php.cn

WeChat Mini Programme Programme pratique Méthode de production de nouvelles simples

高洛峰

Libérer： 2018-05-21 11:29:10

original

7497 Les gens l'ont consulté

Cet article parle principalement des informations pertinentes sur la méthode simple de production de nouvelles du programme pratique du programme WeChat Mini. Les amis dans le besoin peuvent se référer à

Projet pratique du programme WeChat Mini :

Production simple de nouvelles

Jetons d'abord un coup d'œil à l'effet :

WeChat Mini Programme Programme pratique Méthode de production de nouvelles simples

Toutes les données d'idées de mise en œuvre sont des données locales,

imagesC'est aussi un film carte Parce que je suis un développeur individuel assidu, je ne peux pas l'authentifier il y a quatre phénomènes de barre d'outils : les actualités, les blagues, aujourd'hui dans l'histoire et la page d'accueil. La page d'accueil centralisée utilise la page par défaut. Ajoutez votre propre Certains contenus ; liaison de données, rendu de liste, rendu conditionnel et utilisation de événements ; l'utilisation de certaines API;

Structure du code

WeChat Mini Programme Programme pratique Méthode de production de nouvelles simples

RépertoirePages de stockage, aujourd'hui dans l'histoire, page d'accueil d'index, blagues, nouvellesactualités

Objectif th>

images

Stockage d'images locales

pages

utils

Outils

目录	用途
images	存放本地图片
pages	存放页面，history历史上的今天，index主页，joke笑话，news新闻
utils	工具包
app.js	小程序逻辑
app.json	小程序公共设置
app.wxss	小程序公共样式表

Package

app.js

Mini logique de programme

app.json

Paramètres publics du mini-programme

application.wxss

Petite feuille de style publique du programme

Contenu du code, regardez principalement la configuration

{
 "pages": [
  "pages/news/news",
  "pages/joke/joke",
  "pages/history/history",
  "pages/index/index"
 ],
 "window": {
  "navigationBarBackgroundColor": "#f85959",
  "navigationBarTextStyle": "white",
  "navigationBarTitleText": "微 看",
  "backgroundColor": "#FFFFFF",
  "backgroundTextStyle": "dark",
  "enablePullDownRefresh": true
 },
 "tabBar": {
  "color": "#626567",
  "selectedColor": "#f85959",
  "backgroundColor": "#FBFBFB",
  "borderStyle": "white",
  "position": "bottom",
  "list": [
   {
    "pagePath": "pages/news/news",
    "text": "新闻",
    "iconPath": "images/discovery.png",
    "selectedIconPath": "images/discovery_focus.png"
   },
   {
    "pagePath": "pages/joke/joke",
    "text": "笑话",
    "iconPath": "images/ring.png",
    "selectedIconPath": "images/ring_focus.png"
   },
   {
    "pagePath": "pages/history/history",
    "text": "历史",
    "iconPath": "images/chat.png",
    "selectedIconPath": "images/chat_focus.png"
   },
   {
    "pagePath": "pages/index/index",
    "text": "主页",
    "iconPath": "images/index.png",
    "selectedIconPath": "images/index_focus.png"
   }
  ]
 },
 "networkTimeout": {
  "request": 10000,
  "downloadFile": 10000
 },
 "debug": true
}

Copier après la connexion

app.json liste des éléments de configuration

属性	类型	必填	描述
pages	String Array	是	设置页面路径
window	Object	否	设置默认页面的窗口表现
tabBar	Object	否	设置底部 tab 的表现
networkTimeout	Object	否	设置网络超时时间
debug	Boolean	否	设置是否开启 debug 模式

pagesObjet

Attribut	Type	Obligatoire	Description
Chaîne Tableau	Oui	Définir le chemin de la page
fenêtre	Non	Définir la présentation de la fenêtre de page par défaut
tabBar	Objet	Non	Définir la présentation de l'onglet inférieur
networkTimeout	Objet	Non	Définir le délai d'expiration du réseau
debug	Booléen	Non	Définir s'il faut activer le mode débogage

Veuillez vous référer au site officiel pour une configuration et une utilisation spécifiques :

https://mp.weixin.qq.com/debug/wxadoc/ dev/framework/config.html?t=201715Merci d'avoir lu, j'espère que cela pourra vous aider, merci pour votre soutien à ce site !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!