app inventor之简易留言板
新建项目
单击窗口上部左侧的“新建项目”按钮，开发项目。单击“新建项目”后，会出现如图所示的提示，请输入项目名称。
新建项目
4．Screen1组件设计
在Screen1中，添加以下组件：
|
组件 |
所属面板 |
命名 |
属性名 |
组件 |
|
Screen1 |
|
|
标题 |
留言板 |
|
应用名称 |
message |
|||
|
标签 |
用户界面 |
标签1 |
字号 |
30 |
|
显示文本 |
留言板 |
|||
|
宽度 |
充满 |
|||
|
文本对齐 |
居中 |
|||
|
标签 |
用户界面 |
标签2 |
显示文本 |
留言主题: |
|
文本输入框 |
用户界面 |
主题 |
宽度 |
充满 |
|
提示 |
无 |
|||
|
标签 |
用户界面 |
标签3 |
显示文本 |
留言内容: |
|
文本输入框 |
用户界面 |
内容 |
宽度 |
充满 |
|
高度 |
130像素 |
|||
|
提示 |
无 |
|||
|
组件 |
所属面板 |
命名 |
属性名 |
组件 |
|
标签 |
用户界面 |
标签4 |
显示文本 |
留言人: |
|
文本输入框 |
用户界面 |
留言人 |
提示 |
无 |
|
水平布局 |
组件布局 |
水平布局1 |
宽度 |
充满 |
|
水平对齐 |
居中 |
|||
|
按钮 |
用户界面 |
按钮1 |
显示文本 |
提交留言 |
|
按钮 |
用户界面 |
按钮2 |
显示文本 |
查看留言 |
|
网络数据库 |
数据存储 |
网络数据库1 |
|
|
|
计时器 |
传感器 |
计时器1 |
|
|
添加组件完成后，如下图所示
5．Screen1逻辑设计
1）定义一个全局变量message，用来存放从网络数据库中获取的留言列表。
2）当Screen1初始化时，设置网络数据库1的网址(该网址可以从本课件中复制)，并通过网络数据库1组件从网络数据库中获取数据；将获取到的数据存到全局变量message中。
3）当点击按钮1时，判断是否输入了主题、内容和留言人，如果均不为空，则在message的第一项位置插入留言信息，信息中各项的顺序必须和数据库中存放的各字段顺序一致，依次为：主题、内容、留言人、留言时间；然后保存数据到网络数据库。
说明：以下逻辑块的作用为获取当前时间，并显示格式如：2001-04-18 15:32:56
4）当数据保存完成或点击按钮2时，均转到board屏幕。
6．board组件设计
点击新增屏幕，将屏幕命名为board，如下图所示
在board屏幕中添加以下组件
|
组件 |
所属面板 |
命名 |
属性名 |
组件 |
|
board |
|
|
标题 |
留言列表 |
|
文本对齐 |
居中 |
|||
|
标签 |
用户界面 |
标签1 |
字号 |
30 |
|
显示文本 |
留言列表 |
|||
|
标签 |
用户界面 |
标签2 |
宽度 |
充满 |
|
显示文本 |
空 |
|||
|
按钮 |
用户界面 |
按钮1 |
显示文本 |
发表留言 |
|
网络数据库 |
数据存储 |
网络数据库1 |
|
|
添加组件完成后，如下图所示
7．board逻辑设计
1）定义一个全局变量message，用来存放从网络数据库中获取的留言列表。
2）当Screen1初始化时，设置网络数据库1的网址(该网址可以从本课件中复制)，并通过网络数据库1组件从网络数据库中获取数据。
3）当网络数据库获取数据时，将获取到的数据存到全局变量message中；如果获得的数据是空列表，则在标签2上显示文本“暂时没有人留言”；将留言列表中的每一项显示在标签2上。
说明：以下逻辑块中n表示换行，标签2的显示文本的作用是，当读取下一项数据时，前面的数据仍然显示在标签2上，不会被代替掉。
4）当点击发表留言按钮时，转到Screen1页面。
到现在，程序已经编写完毕，接下来是连接测试阶段，在在线环境下有三种连接方式，我们强烈推荐采用AI伴侣方式。
--end--
声明：本文章由网友投稿作为教育分享用途，如有侵权原作者可通过邮件及时和我们联系删除：freemanzk@qq.com
