十几行的lingo小程序，根本display不出来model，初学小菜鸟求大神附体

如下的语句有误(因循环的集合是不存在的)：

@for(ii(I):@sum(ii(I):x(I))=1);

应改为：

@sum(ii(I):x(I))=1;

就行了。

display，英 [dɪ'spleɪ] 美 [dɪ'sple]，意思是展现、陈列、使看见。

折叠例句如下：

1、Let's display the figures and see what we have

翻译：让我们显示一下数字，看看我们有什么。

2、Department stores display their goods in the windows

翻译：百货商店把商品陈列在橱窗里。

3、Her attention was engaged by the display of the new dress in the ship windows

翻译：她的注意力被商店橱窗里陈列的新式女服所吸引。

这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。

注释：CSS2 中有值 compact 和 marker，不过由于缺乏广泛的支持，已经从 CSS21 中去除了。

Thomas Knoll在创建Photoshop以前自己开发的一个小程序。Thomas发现当时的苹果电脑无法显示带灰度的黑白图像，因此他自己写了一个程序Display。

而他兄弟(也可能是哥哥)John这时在星球大战导演Lucas的**特殊效果制作公司Industry Light Magic工作，对Thomas的程序很感兴趣。两兄弟在此后的一年多把Display不断修改为功能更为强大的图像编辑程序，经过多次改名后，在一个展会上他们接受一个参展观众建议把程序改名为Photoshop。此时的Display/Photoshop已经有Level，色彩平衡，饱和度等调整。此外John写了一些程序后来成为插件(Plug-in)的基础。

开发前准备：

注册小程序帐号 绑定开发者

登录微信公众平台小程序，进入用户身份- 开发者，新增绑定开发者。

已认证的小程序可以绑定不多于20个开发者。未认证的小程序可以绑定不多于10个开发者。

获取AppID下载并安装开发者工具

下载完成后，使用管理员或者绑定的开发者微信号扫码登录。

一个微信小程序

创建项目

我们需要通过开发者工具，来完成小程序创建和代码编辑。

开发者工具安装完成后，打开并使用微信扫码登录。选择创建“项目”，填入上文获取到的 AppID ，设置一个本地项目的名称（非小程序名称），比如“我的第一个项目”，并选择一个本地的文件夹作为代码存储的目录，点击“新建项目”就可以了。

为方便初学者了解微信小程序的基本代码结构，在创建过程中，如果选择的本地文件夹是个空文件夹，开发者工具会提示，是否需要创建一个 quick start 项目。选择“是”，开发者工具会帮助我们在开发目录里生成一个简单的 demo。

项目创建成功后，我们就可以点击该项目，进入并看到完整的开发者工具界面，点击左侧导航，在“编辑”里可以查看和编辑我们的代码，在“调试”里可以测试代码并模拟小程序在微信客户端效果，在“项目”里可以发送到手机里预览实际效果。

编写代码创建小程序实例

点击开发者工具左侧导航的“编辑”，我们可以看到这个项目，已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 appjs、appjson、appwxss 这三个。其中，js后缀的是脚本文件，json后缀的文件是配置文件，wxss后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。

//App() 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。

App({

onLaunch: function() {

// Do something initial when launch

},

onShow: function() {

// Do something when show

},

onHide: function() {

// Do something when hide

},

globalData: 'I am global data'

})

appjs是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API。

//appjs

App({

onLaunch: function() {

//调用API从本地缓存中获取数据

var logs = wxgetStorageSync('logs') || []

logsunshift(Datenow())

wxsetStorageSync('logs', logs)

},

getUserInfo: function(cb) {

var that = this;

if (thisglobalDatauserInfo) {

typeof cb == "function" && cb(thisglobalDatauserInfo)

} else {

//调用登录接口

wxlogin({

success: function() {

wxgetUserInfo({

success: function(res) {

thatglobalDatauserInfo = resuserInfo;

typeof cb == "function" && cb(thatglobalDatauserInfo)

}

})

}

});

}

},

globalData: {

userInfo: null

}

})

appjson 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。

{

"pages": [

"pages/index/index",

"pages/logs/logs"

],

"window": {

"backgroundTextStyle": "light",

"navigationBarBackgroundColor": "#fff",

"navigationBarTitleText": "WeChat",

"navigationBarTextStyle": "black"

}

}

appwxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 appwxss 中声明的样式规则。

/appwxss/

container {

height: 100%;

display: flex;

flex-direction: column;

align-items: center;

justify-content: space-between;

padding: 200rpx 0;

box-sizing: border-box;

}

创建一个人品计算器小页面

在这个教程里，我们有1个页面，即欢迎页，他们都在 pages 目录下。微信小程序中的每一个页面的路径+页面名都需要写在 appjson 的 pages 中，且 pages 中的第一个页面是小程序的首页。

每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：indexjs、indexwxml、indexwxss、indexjson。js后缀的文件是脚本文件，json后缀的文件是配置文件，wxss后缀的是样式表文件，wxml后缀的文件是页面结构文件。

indexwxml 是页面的结构文件：

<!--indexwxml-->

<text class='title'>人品查看器</text>

<text class='hint'>为您计算当下人品</text>

<button bindtap="setScore" class='check'>点击查询</button>

<view class="container">

<view bindtap="bindViewTap" class="userinfo">

<image class="userinfo-avatar" src="{{userInfoavatarUrl}}" background-size="cover"></image>

<text class="userinfo-nickname">{{userInfonickName}}</text>

<text class='score'>{{score}}</text>

<text class='info'>{{info}}</text>

</view>

</view>

本例中使用了<view/>、<image/>、<text/>来搭建页面结构，绑定数据和交互处理函数。

indexjs 是页面的脚本文件，在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。

//indexjs

//获取应用实例

var app = getApp()

Page({

data: {

score: 0,

userInfo: {}

},

//事件处理函数

setScore: function() {

var score = 60+parseInt(Mathrandom()40);

var infos = [

'哇，你当下神仙附体，快去勾搭妹子',

'太阳天空照，花儿对我笑',

'喂，你是猪吗？离我远点'

];

var info;

if(score>90){

info=infos[0];

}else if(score>75){

info=infos[1];

}else{

info=infos[2];

}

thissetData({

score:score,

info:info

})

},

onLoad: function () {

consolelog('onLoad')

var that = this

//调用应用实例的方法获取全局数据

appgetUserInfo(function(userInfo){

//更新数据

thatsetData({

userInfo:userInfo

})

})

}

})

indexwxss 是页面的样式表：

/indexwxss/

title{

font-size: 30px;

display: block;

padding: 10px;

font-weight: bold;

text-align: center;

}

hint{

display: block;

padding: 10px 20px;

color:#999;

text-align: center;

}

check{

width: 100px;

}

userinfo {

display: flex;

flex-direction: column;

align-items: center;

}

userinfo-avatar {

width: 128rpx;

height: 128rpx;

margin: 20rpx;

border-radius: 50%;

}

userinfo-nickname {

color: #aaa;

text-align: center;

display: block

}

页面的样式表是非必要的。当有页面样式表时，页面的样式表中的样式规则会层叠覆盖 appwxss 中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用 appwxss 中指定的样式规则。

indexjson 是页面的配置文件：

页面的配置文件是非必要的。当有页面的配置文件时，配置项在该页面会覆盖 appjson 的 window 中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用 appjson 中的默认配置。

运行结果如下：

手机预览

开发者工具左侧菜单栏选择"项目"，点击"预览"，扫码后即可在微信客户端中体验。

手机端效果

首先，个人认为拖拽类生成小程序不属于真正的开发小程序，使用编程的方式实现，才属于真正意义上的开发。

从0开始入门，当然要从最基础的内容开始入手。

先下载一个“微信开发者工具”

一、html知识，微信内又名wxml

学习html，最好的方式就是动手写一下。直接把实例复制到开发者工具中使用并尝试调整参数。这部分内容很容易理解，尝试一两次，就可以入门。可以先从view，swiper，text，button入手。这几个属于高频率使用的元素组件。

二、css

样式修改，属于开发中关键的一步。要实现绚烂多彩的小程序，必须经过样式的修改。可以先从display,position,font,color,background,border等属性入手，可以实现大部分的样式修改需求。

三、javascript（简称js）

刚入门只需要了解最基础的语法，可以跟着教程一步步走一遍。对变量，运算符，函数，对象，事件有一个基础的了解。这时需要注意报错信息，因为刚入门的同学，容易写错语法。注意

输入法，一定不可用中文的标点符号，不然就会造成报错。理解js的语言特性，什么是事件驱动，什么是单线程异步。

四、小程序特性

主要从微信小程序的官方文档中学习。了解常用的api，比如路由跳转，网络请求，数据缓存等，还要了解全局的配置，页面配置，和小程序的生命周期。理解整个小程序从初始化到销毁的整个过程。

五、后端服务

个人建议先从云开发入手，虽说没有后端开发的经验，云开发可能学起来有点吃力。但总体而言，云开发会比常规的后端开发要简便得多。从微信官方文档中学习：云函数，数据库，储存，和云调用。放心，这里使用的语言也是js。

而且可以配合使用腾讯云的cms后台系统cloudtencent/document/proct/1220/47065，实现一般的内容系统的快速开发。

到了后期的进阶，也可以先从nodejs的搭建开始入手学习。

以上就是关于十几行的lingo小程序，根本display不出来model，初学小菜鸟求大神附体全部的内容，包括:十几行的lingo小程序，根本display不出来model，初学小菜鸟求大神附体、div中的display是什么意思、微信小程序如何开发呢，有没有知道的等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！