shiny入门阶段总结原创

我是衰小林，今天做如何用R语言创建简单的申请APP的一个入门总结。呃，本次分享的内容主要是关于UI设计，输入函数，输出函数，渲染函数，输入输出函数还有一些输出对象，同时还有一个简单的搭建完整森林V的一个事例。这里需要提前说明的是，在。Input或render op这些函数，或者这些函数对象前后加星号代表的是一系列函数。呃，这是之前分享的四个呃视频，一个是快速制作网页，还有一个就是UI设计，输入对象和re op，这里需要说明了一下，就说在之前的视频中将函数。对象和参数记有混用的现象，就是在讲解的时候，可能大家对于这个的理解会有一些难度，及接下来后续的呃介绍分享，会严格的将函数对象和参数进行一个区分。首先是UI设计，呃在UI设计里面，我们在申影的UI设计里面，我们这边主要用的是一个关于layout这样一个图形，呃，设计图的一系列，海一系列。

的函数就是如在后续入门以后，大家可以进行尝试，关于如何在在申请里面去使用XTML这样一个网页设计的一系列函数，呃，在UI设计里面。呃，首先需要明确的，呃，一个点就是说是在你的。呃，页面UI页面全屏的时候，从最左侧到最右侧，它的是一个有一个12的宽度，12个单位的一个宽度，还有一个就是关于几个主要的函数，关于配置layout panel这样一系列的函数，呃，至于呃怎么理解，这样可以以一个答题卡为例，比如说这张这是一张答题卡，那么在UI设计里边，其实可以理解它是一个配置，就是一个页面。

Early out是什么呢？就是在这个页面可以划分很多很多的框，或者很多很多的块。在每一块内，你可以。去放panel。看的意思是什么？就是它是。一个更细分的一个块。一般情况下，有时候在多个panel可以共同。放置在layout下面，也可以放在配置下面。这样就是共同组成了这个页面。比如。比如说这右侧这是一个关于一系列的，就是关于配置啊，Panel啊，Layout大家可以可以看得到，比如说配置下面可以直接放的是，就相当于二级标题，二级标题你可置是直接放panel，也可以放lay out。

同时大家可以看到，在这块。Layout下面它也可以包含panel，这就刚才介绍就说panel。可以在直接在layout下面，也可以直接在配置下面，就是共同组成一个关于页页面的一个设计，呃，接下来关于页面设计会介绍几个呃页面呃常见的比如配置，配置有一个配置。还有一个呃，Flu的page，还有field page page和NAME8PAGE这系列，大家可以具体就是根据根据海帮助海潮进行逐个的去测试和呃概要的介绍，大家就说是。具体的功能可以逐个的。就先简单介绍关set out这样一个典型的一个。

Layout形式，Lay的一个函数，一般情况下会在layout里面会用用到，比如s panel和main panel，一般情况它们会进行一个呃组合的使用，我个人理解就是关于s panel和s pan和main pan就相当一个主副的一个页面，他们共同组成了一个萨巴雷奥这样一个组合模块。呃，之后是关于panel，相当于每一个块，每一个块或每一个功能，它都每一个输，输入输出的一些功能都可以定，可以定义在panel下，Panel下面。而这边是关于一个呃，Absolute panel，比如是在页面上，你可以定义一个它11其实是一个浮层，这个浮层的话，如果是你允许它可以拖拽，那么这个absolute panel是可以进行左右上下呃吊脚的一个。

嗯，拖拽在之后是关于UI设计中的一个进阶的一些内容，呃，比如说是关于肉系列的一些。呃，Fix这样一系列的函数，还有一个Co name，它其实我个人理解它主要是比关于的，它主要是主要对你的页面进行一些呃化行。然后你的你的配，你的panel可以逐个的，然后是在上面放置，或者是定义在某一个特定的位置。去放置你的panel或者是你的输入输出对象。这样就可以使。呃，实现你的就是相当于页面设计，同样color这这样一个函数，它一般会和比如是float row或者是fix组合使用，它会进行这个，比如是刚刚介绍的就是这些pan，呃，这些panel的一个位置的相互之间位置的一个定位。

呃，之后关于field配置和和f code这些大大家可以进行自行的一些呃了解。啊，之后是关于输入函数，就是input，还有与其对应的一个输入对象，因为这呃，这里面需要提前说明一下，就是。关于输入对象，一般在在申请里面会有一个输入对象集，就是这样一个input，呃，一个输入对象集，然后通过ID input ID去定位这一个输入，确定的对，呃，输入对象是什么？呃，这项在申请里面提供了一系列的输入，呃，输入对象，呃，输入的函数，比如是action button link check groups input，第二是。还有data input一系列的输和一些输入函数，他们对应的不同的样式，比如是这些是框选或选择单选、多选。

表示日期的一个选择，还可以是数，数值的输入，呃等等一系列的呃输入的一些函数。嗯，再一个就是在输入函数里边，比较需要重点关注是什么，你使用的不同的输入函数，比如说是你你使用了一个action button这样一个action button这样一个输入的函数，那么它你使用这个函数以后，定义之后，它会是，呃，在你的操作呀，或者是运行的过程中会产生一个返回值，那么。在不同的输入函数中，它的返回值是什么？它的返回值的样式是什么？它的格式，它的属性是什么？这个大家可以进要有一个呃，初步的认识，因为这对是这。对于你后续去引用这些就是呃，函数输入对象的值会有很重要的作用。

这是关于一些，呃，输入对象的，它的就是UI的一个事，UI的一个界面化的一个事例，这是关于一系列的。嗯嗯，Input的这样函数，它所在UI的样式。呃，之后是关于进一步介绍是action，比如是action button，它会产生的是一多个属性，呃，可能首先是一个，它的产生的是一个值数值。而single check post，它返回的是一个呃嗯，逻辑型的波数呃数波尔数值除false，或者是跟我们理解为零或者一这样一个逻辑变量，而check box它返回的是什么？它返回的是一个。文，大家可以看得到它是好像是文本，但实际呢，在呃叉它一系列选择，它这个返回值是可以被定义的，也就是说是它会。

可以在这个group input里面去进行游戏，进行它的就是呃选前端的展示，还有同时它的输出值的定义。呃，在之后是关于data input，它明显它。返回的是一个单。一个单的日期值，而data data它返回是一个起始日期值和终止日期值，当然feel input它这样是一个样式，呃，后续就是会做一个简单介绍。嗯，这块是呃关于America的，比如数值啊，它返回是一个数值，但button它可能。回的是一个文本，还有CH呢，它也是返回的是一个文本。然后嗯，Slide这样一个返回是一个数值，其他的就testing good，它返回的也是一个文本。

嗯，这些是关于这这这个部分是关于一个feel input与它的返回值，在这是一个，嗯，关于feel。Input，一个简单的函数应用，比如说这个位置对应的是其实是这个feel input的input ID，而这个波，呃，Choose csv feel这样一个文字，其实是它的label标签，嗯，这是它的实际样式和我选择，我选择上传一个数据以后的呃，返回的一个结果，大家可以看得到，就是在我直接输入，不做任何计算，只只做一个展示的情况下。他给我就是。我输入值，然后是进行一个文本的呃渲染，渲染之后再进行文本的一个输出和一个展示，那么这个过程中我没有进行计算，只是以简单的就是展示，那么展示之后可以大家可以看得到在我这个输入对象feel input输入，输入以后获得的是什么呢？他获得是name这样一个。

呃，属性还有size这样一个属性，还有type type这样一个属性，还有一个data data自自然大家可以看到这是一个有CSV，还有我上传这个文件，在申请后台进行计算。呃，他所。存储的一个位置，那么既然知道这个位置，我就可以通过读取这个位置的一个文件实现了数据的上传和read，就是读取。呃，在之后是关于一个data input这样一个就是存在双侧值引用的时候。呃，大家可以看得到，就是我这边是关于。呃，对，他range input的，呃，一个函数，比如它的第一个参数是一个属性input ID是。比如我我定义它的名字是Y，然后标签呀，就是这些，然后之后我是可以在我的。

三三里面进行一个。读取。表示我首先我完整读取的时候，我直接打印输出它是一个什么样的结果，但是如果是因为它是data range，它是一个双侧值，也就有个起始值，还有一个终止值，那么我如何去引用它的起始值呢？我其实是通过input这样一个对象集加美元符号，再加一个它的input ID。然后再加一个中括号一这样数字引用的一个方式去引用它的起始值，也就左侧值。那么进行啊，是。渲染，然后赋值给一个输出对象及里面的一个输出对象，然后再进行一个。然后输出。

关于渲染函数啊，就是render和输出函数out，以及输出的对象啊，输出的对象在深圳里面，它同时对输出对象，其实它定义的是一个对象的集合，这个集合通过ID去定位某一个输出对象。嗯嗯，在深经里面比比较关键需要了解，就是它的render和op是一个规ER，就是成，其实就是说它是一个成对出现的，也就是说一般会比如说是。我的。Render其实它的渲染表达函数。它是用在server中的，然后我的就是关于op的一个一系列函数，它是应用在的是UI中。关于它的使用的逻辑，大家可以了解到，比如说是这是我需要展示的一个。我想用进行表的。呃，这是关于一个是一个事例，我用的是re data table和呃，Data table的这样一个表的数据，表的就是渲染和输出。

那么比如说我引用的是iris这样一个。表格，那么进行，我首先对它进行渲染，渲染之后赋值给一个输出对象及对象集中的一个table。这样一个。呃的ID。这样就相当于把整个呃，整个这一块的就是一个表达渲染，渲染的结果复制的一个呃table。这样一个output table这样一个。嗯，输出对象之后，在我的UI中，我。因为我这边是用了一个re table，那么UI中应用的应该是它的对应的长度的一个data table的这样一个，呃，输出函数之后，我将输出之前我定或者赋值以后的对象集里面输出对象级的table这样一个ID去作为它的参数，这样就可以实现。

我的就是。呃，输出还有渲染一系列的，就是关于输出的操作。嗯，之后大家也可以了解，还有一个关于update系列的一个，呃，在。Input input这一块的一些内容，大家后续可以进行了解一下。那接下来是一个搭建完整申请APP的一个逐步介绍的一个事例，首先我我比如说我需要。做的是结果是什么？我需要上传一个文件，我计划是需要上传一个文件，然后这个文件直接的被进行读取，读取之后我直接在前的我的UI上面进行展示这个数据表，这是我想实现的一个结果。

那么那么我如何去实现呢？首先在搭建申请APP，首先是要定一个基本的申请的一个申请APP的一个代码结构，首先要包含关于UI的一个内容，还有关于server的内容，同时还有调用它server UI的一个神经APP这样一个函数其实就是一个运算函数。这是第一步，搭建一个申请APP的一个代码架构。呃，第二步呢，就是如何去搭建一个UI，比如是我用比较简单的一个SIDE8 side8panel和panel这样一个左右的，或者左右划分的，比如说我这边定义的是一个side。呃半呃38PANEL这边是一个命panel。

那么我这是我需要定义的一个内容。这所以我就是用了一个SET8LAYOUT，还有SET8PANEL，然后那么就搭建UIUI也进行了一个搭建。嗯，之后呢，之后就是第三步，我要将我的既然我计划上传一个表格，那么读取表格文件是通过什么呢？通过一个文件feel input这样一个输入函数，它的第一个参数就是刚刚也介绍它是其实就是一个。Input ID。而这是一些文本和他接触的类型。嗯，这样我就它的输入我就定义了，定，我定义了一个feel one f1这样一个输入的ID输入对象。第四步是将一个input返回值。然后传递到server中，然后是并引用。

嗯，这样是什么样一个意思呢？就是说是我在UI中进行了一个文件的文件的一个上传。那么上传，上传以后我会得到一个返回值，那么返回值我如何引用呢？刚刚也介绍到了，在如果是引用input，呃内容。频铺的对象，你需要。通过input加呃美元符号，再加input ID。这样一个呃形式，那么我我怎么用呢？就是input美元for few one对应的这个view里面的输入的input ID，这样就实现了。呃，Input返回值传递到三中，并对其引用的一个效果。而第五步是基于返回值的计算绘图，并将结果渲染赋值给输出对象。集中的一个输出对象。

这因为大家可以每一个括，每一个小括号里边就是相当于可以理解成是一个操作。呃，所以他可能这块会涉及到好几123445个操作，那么他们操作逻辑过程是什么呢。大家可以跟着我，嗯，看一下。首先我在这边。这就是一个返回值。然后是。因为我需要读这个文件，那么我需要知道这个文件的路径，呃，之前也有介绍关于feel input引用。它需要关于。需要使用的是input加input ID加美元符加一个data，一个路径的这样一个呃引用，那么这样我就可以可以找到这个文件的位路径在哪里，之后既然是数据的计算绘图啊，其实是读取数据，也相当于是一个计算的过程，那么是怎么呢？因为既然是我上传的是S2S的文件，那么我进行一个相应的读取。

这样。大家也可以看得到，就是我直接就读取正常返回值，就是返回表格。那么返回表格，但是somebody，它需要在深境里边最需要的是。进行一个首先渲染。Table。渲染之后，我赋值给一个output对象及里边的一个output对象，就是contents这样一个out对象。这就我创建的这块对。一个op的对象，这样整个过程也就有了。就是。基于返回值的计算，然后是并渲染。

赋值给一个输出对象中对象集中的一个输出对象，这样就是一个过程，就实现了在UI中创建对应的输出函数，并。应用输出对象，呃，刚刚也介绍过了，就是在这个位置，我建创建一个输出对象。那么我怎么在UI中进行用引用呢？首先我要我要知道我引用的是一个什么，就是之前我引用明显就是我需要渲染，我之前渲染的是一个。表格，那么我就要用相应的表格输出。也就是它们是有一一对应关系而赋值给一个输出对象的对，呃，然后是content这样一个输出对象，那么在这个table op的这样一个输出函数里面，我直接引用contents就可以使。

就可以实现相应的一个数据的应用。首先这是关于左侧的side panel，右侧的main panel，还有文件的一个input这样一个输入函数，它在产能的展展示的一个样式，而这些是我表的一个输出的一个结果。嗯，首先就是一些参考资料，首先和我认为核心的一个还是这样一个搜查表，它可以你可以在申呃，在SQ相应的网站进的。

速查表里面进行查询，因为速查表可以对整个声音进行有一个。全貌的了解，比如它的UI啊，还运行逻辑啊，还有就是它输入对象，呃，常见的输出对象，常见的输入函数，输出函数等一系列的这些内容，它就是对你。全面的认识生音会有一个极大的帮助，之后就是关于呃在阿贝的一个生命的一系列的呃引导的一些介绍内容。再一个还有一个master master这样一个网页的书籍，还有一个这样一个。啊，Document的这样一个网页。呃，重点还是学习径还是要还是。速查表，首先是搜查表，其次是声明。就是在这一个声音介绍好的，这次的分享到此结束，谢谢。