最近在给朋友写一个小程序，但是我出生在一个计算机科学班，有些概念乍一看很清楚，其实之前并没有写程序。所以最近看了很多资料和视频，不得不说对小白来说还是有点难度的，但是也不大。

通过阅读最近的资料和别人的视频总结一下：

1.页面布局，先画。都是盒子。如果你需要几个盒子，你应该先画几个盒子。例如，以下页面：

英国大臣用文件箱

浅蓝色盒子

绿色方框(这个绿色方框可以分为两个方框：一个白色字体较大，一个白色字体较小)

蓝色盒子

2.数据首先是静态的，然后是动态的

简单来说，在开始的时候，可以直接将静态数据插入页面，然后调试样式。样式完成后，您可以将静态数据更改为动态数据。就动态数据而言，可以分为两步。大神都在一步。对于我这样的小白来说，一步一步来做更让人放心。

例如，以下页面：

静态资料

查看！-顶级用户信息-view class=' user-info ' view class=' avatar ' image mode=' width fix ' src=' http:3359timgsa.baidu.com/timg? image quality=80 size=b 9999 _ 10000 sec=1565610447105 di=25b2b 91 E4 ebe 7831 e 13 ed b 975 CB 0 b 669 imgtype=0 src=http://img . tukexw.com/img/2c 99 a 00 e 77 f 69 be 1-订单和地址管理等常用设置-视图类='我的-订单'我的订单/视图类='我的-地址'地址管理/视图类='我的-fav '我的收藏夹/视图类='我的-邀请'我的邀请/视图类='我的-建议'反馈/视图类='我的-服务'联系客服/视图/视图/视图调试后可以将数据放入js文件的数据中模拟动态数据：

Wxml文件代码如下：

查看！-顶级用户信息-view class=' user-info ' view class=' avatar ' image mode=' width fix ' src=' http:3359timgsa.baidu.com/timg? image quality=80 size=b 9999 _ 10000 sec=1565610447105 di=25b2b 91 E4 ebe 7831 e 13 ed b 975 CB 0 b 669 imgtype=0 src=http://img . tukexw.com/img/2c 99 a 00 e 77 f 69 be 1-订单管理和地址管理等常用设置-view class=' my-settings ' view class=' my-settings ' wx : for=' { { my settings } } wx : key=' key ' view class=' my-settings-icon ' image src=' http : { { item。正在设置img } } '/image/view view class=' my-setting-name ' { item。设置名称} }/视图/视图/视图

/**我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊！我的天啊*/data : {我的设置： ' 339 pica bstate-preview-ftn。魏云。com/ftn _ pic _ ABS _ v3/2b 701 B3 c 2885 c 632 F7 f1 a1 B1 B2 DD 5 c 694 f 4056975118 F2 bb 44 ff 41d 4068 ff 41d 4023 DC 9538780 a 56d 685 b 2343 ca 669408 e 9 BD？picture type=scale from=30013 version=3。3 .3 .3 uin=522083376 fname=我的订单。pngsize=750 '，settingname: '阿曼苏丹国}、{ settings ig : ' 339 pica bstate-preview-ftn。魏云。com/ftn _ pic _ ABS _ v3/f 5889 b 126 ABC 482 Fe 16d 161 e 57 B3 AE 63 f 5411 f1 af 90 bcec 6c 2 e 542 B1 EC 93 EEA 7 EAF 3 e 71d 015 bee 94 fe4b 3 a 44367？picture type=scale from=30013 version=3。3 .3 .3 uin=522083376 fname=地址。pngsize=750 '，settingname: '哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟}、{ settings ig 336360 ' 339 pica bstate-preview-ftn。魏云。com/ftn _ pic _ ABS _ v3/2b 2 Fe 155 ca 9d 89 c 8161 ebff 210496 b 73 c 51990506 a 543395 ea eff 1791 b 9227 F5 e 62 e 69 be 2 a 9632996596675107726 b 62435？picture type=scale from=30013 version=3。3 .3 .3 uin=522083376 fname=fav。pngsize=750 '，settingname: '阿曼苏丹国}、{ settings ig : ' 339 pica bstate-preview-ftn。魏云。com/ftn _ pic _ ABS _ v3/3951d 94372 e 059873 EB 39 C3 BC 9229 cc 961 c8 D1 fcd 8 a1 a1 a1 E1和7e 60528751 b 701 e 5d 646 f 10ec 610 ee 04 ede 4 e 698 DD 2070 a 34 de？picture type=scale from=30013 version=3。3 .3 .3 uin=522083376 fname=提示。pngsize=750 '，settingname: '阿贺若英}、{ settings ig : ' 339 pica bstate-preview-ftn。魏云。com/ftn _ pic _ ABS _ v3/1317 fcb 0 bbd 232236467 b 56 DCA 81 c 6437 AAF 44 f 7777d 676164 EB 96 b8b 79 e 92 ef9c 296 e 2292 cc 64 65 e 841d 2 CD 9 e 0f？picture type=scale from=30013 version=3。3 .3 .3 uin=522083376 fname=建议。pngsize=750 '，settingname: '张曼玉}，{ settings ig 3: ' 339 pica bstate-preview-ftn。魏云。com/ftn _ pic _ ABS _ v3/89 EB 4773 cccc 56 faffb 3 f 9537 c 62347 eefeac 067 deb 864 468812199 c 2 BD 6185 c 3534 aded 1 f 3610 b 076 b 6 AC 88 b11？picture type=scale from=30013 version=3。3 .3 .3 uin=522083376 fname=service。pngsize=750 '，settingname: '孙悟空' }] },(2001年),不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不，不空气污染指数什么事，你是说，你是说，你是说，你是说，你是说，你是说，你是说，你是说，你是说，你是说，你是说，你是说，你是说，你是说，你是说，你是！贺盛瑞贺盛瑞。

朱塞佩朱塞佩朱塞佩朱塞佩，阿云阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜阿云娜，吴亚玲吴亚玲吴亚玲。