测试

RequestBuilder requestBuilder = null;

requestBuilder = post("/banjigongzuojihua/list");
MvcResult result = mockMvc.perform(requestBuilder).andDo(print()).andReturn();
Assert.assertNotNull(result.getResponse().getContentAsString());

微信小程序学习 – 仿抖音短视频平台 – iMooc学习项目

目录结构

主目录结构

图1-1 主目录结构
  • app.js – 外部全局主js,可以当作一个父类
  • app.json – 全局配置文件
  • app.wxss – 全局主样式,公用

页面目录结构

图1-2 页面目录结构
  • index.js – 私有的js,相当于子类 (同级目录下其他的无法使用) 可以调用app.js中的功能
  • index.json – 以json对象形式存在的配置
  • index.wxml – 元素所渲染的页面
  • index.wxss – 私有样式

小程序代码构成

小程序配置 app.json

下列代码为小程序默认的app.json代码

{
 "pages":[
   "pages/index/index",
   "pages/logs/logs"
],
 "window":{
   "backgroundTextStyle":"light",
   "navigationBarBackgroundColor": "#fff",
   "navigationBarTitleText": "Weixin",
   "navigationBarTextStyle":"black"
}
}

各项含义

pages字段用于描述当前小程序的所有页面路径,该路径下有四个文件,这四个文件也可以根据需要删除不需要的。

  • item.js
  • item.json
  • item.wxml
  • item.wxss

路径的描述的名称要与这四个文件的名称相同例如路径为pages/temp/item,则temp文件夹下的四个文件名称均要为item。并且排列第一位的目录为打开小程序的默认页面

windows字段小程序的所有页面的顶部颜色,文字颜色定义。具体可以查看这里小程序底部菜单栏小程序的底部菜单栏是在app.json文件中定义的。定义的代码如下:

"tabBar": {
   "list": [
    {
       "pagePath": "pages/index/index",
       "text": "首页"
    },
    {
       "pagePath": "pages/logs/logs",
       "text": "日志"
    }
  ]
}

上述代码定义了两栏,效果如下

图1-3 底部菜单效果图

样式文件px与rpx使用rpx可以根据屏幕宽度自适应调节。页面样式文件会覆盖全局样式文件。也支持行内样式style="",并且支持{{}},可以在JSON文件的data中配置。