[UI5 常用控件] 05.FlexBox, VBox,HBox,HorizontalLayout,VerticalLayout

于 2024-02-02 14:11:54 发布
阅读量1.1k 收藏 19
点赞数 24
分类专栏： UI5 SAP 文章标签： UI5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pely122/article/details/135988755
版权
UI5 同时被 2 个专栏收录
15 篇文章 6 订阅
订阅专栏
SAP
3 篇文章 0 订阅
订阅专栏

文章目录

前言

本章节记录常用控件FlexBox,VBox,HBox,HorizontalLayout,VerticalLayout。
其路径分别是：

  • sap.m.FlexBox
  • sap.m.VBox
  • sap.m.HBox
  • sap.ui.layout.HorizontalLayout
  • sap.ui.layout.VerticalLayout

1. FlexBox布局控件

FlexBox布局控件经常用在页面的布局。

1.1 alignItems 对齐模式

  • 常用的有Start，Center，End
    在这里插入图片描述
  • View
	<Panel
	    headerText="alignItems 对齐模式"
	    class="sapUiLargeMarginBottom"
	>
	    <HBox>
	        <Panel headerText="Start">
	            <FlexBox
	                alignItems="Start"
	                class="borderStyle"
	                width="220px"
	                height="100px"
	            >
	                <Button
	                    text="1"
	                    type="Emphasized"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="2"
	                    type="Reject"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="3"
	                    type="Accept"
	                    class="sapUiTinyMarginEnd"
	                />
	            </FlexBox>
	        </Panel>
	        <Panel headerText="Center">
	            <FlexBox
	                alignItems="Center"
	                class="borderStyle"
	                width="220px"
	                height="100px"
	            >
	                <Button
	                    text="1"
	                    type="Emphasized"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="2"
	                    type="Reject"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="3"
	                    type="Accept"
	                    class="sapUiTinyMarginEnd"
	                />
	            </FlexBox>
	        </Panel>
	        <Panel headerText="End">
	            <FlexBox
	                alignItems="End"
	                class="borderStyle"
	                width="220px"
	                height="100px"
	            >
	                <Button
	                    text="1"
	                    type="Emphasized"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="2"
	                    type="Reject"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="3"
	                    type="Accept"
	                    class="sapUiTinyMarginEnd"
	                />
	            </FlexBox>
	        </Panel>
	    </HBox>
	</Panel>

1.2 justifyContent 对齐模式

  • 常用的有Start,Center,End,SpaceAround,SpaceBetween
    在这里插入图片描述

  • View

	<Panel
	    headerText="justifyContent 对齐模式"
	    class="sapUiLargeMarginBottom"
	>
	    <HBox>
	        <Panel headerText="Start">
	            <FlexBox
	                justifyContent="Start"
	                class="borderStyle"
	                width="220px"
	                height="100px"
	            >
	                <Button
	                    text="1"
	                    type="Emphasized"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="2"
	                    type="Reject"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="3"
	                    type="Accept"
	                    class="sapUiTinyMarginEnd"
	                />
	            </FlexBox>
	        </Panel>
	        <Panel headerText="Center">
	            <FlexBox
	                justifyContent="Center"
	                class="borderStyle"
	                width="220px"
	                height="100px"
	            >
	                <Button
	                    text="1"
	                    type="Emphasized"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="2"
	                    type="Reject"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="3"
	                    type="Accept"
	                    class="sapUiTinyMarginEnd"
	                />
	            </FlexBox>
	        </Panel>
	        <Panel headerText="End">
	            <FlexBox
	                justifyContent="End"
	                class="borderStyle"
	                width="220px"
	                height="100px"
	            >
	                <Button
	                    text="1"
	                    type="Emphasized"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="2"
	                    type="Reject"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="3"
	                    type="Accept"
	                    class="sapUiTinyMarginEnd"
	                />
	            </FlexBox>
	        </Panel>
	        <Panel headerText="SpaceAround">
	            <FlexBox
	                justifyContent="SpaceAround"
	                class="borderStyle"
	                width="220px"
	                height="100px"
	            >
	                <Button
	                    text="1"
	                    type="Emphasized"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="2"
	                    type="Reject"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="3"
	                    type="Accept"
	                    class="sapUiTinyMarginEnd"
	                />
	            </FlexBox>
	        </Panel>
	        <Panel headerText="SpaceBetween">
	            <FlexBox
	                justifyContent="SpaceBetween"
	                class="borderStyle"
	                width="220px"
	                height="100px"
	            >
	                <Button
	                    text="1"
	                    type="Emphasized"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="2"
	                    type="Reject"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="3"
	                    type="Accept"
	                    class="sapUiTinyMarginEnd"
	                />
	            </FlexBox>
	        </Panel>
	    </HBox>
	</Panel>

1.3 Direction

  • 常用的有Row,RowReverse,Column,ColumnReverse

在这里插入图片描述

  • View
	<Panel
	     headerText="Direction"
	     class="sapUiLargeMarginBottom"
	 >
	     <HBox>
	         <Panel headerText="Row">
	             <FlexBox
	                 direction="Row"
	                 class="borderStyle"
	                 width="220px"
	                 height="100px"
	             >
	                 <Button
	                     text="1"
	                     type="Emphasized"
	                     class="sapUiTinyMarginEnd"
	                 />
	                 <Button
	                     text="2"
	                     type="Reject"
	                     class="sapUiTinyMarginEnd"
	                 />
	                 <Button
	                     text="3"
	                     type="Accept"
	                     class="sapUiTinyMarginEnd"
	                 />
	             </FlexBox>
	         </Panel>
	         <Panel headerText="RowReverse">
	             <FlexBox
	                 direction="RowReverse"
	                 class="borderStyle"
	                 width="220px"
	                 height="100px"
	             >
	                 <Button
	                     text="1"
	                     type="Emphasized"
	                     class="sapUiTinyMarginEnd"
	                 />
	                 <Button
	                     text="2"
	                     type="Reject"
	                     class="sapUiTinyMarginEnd"
	                 />
	                 <Button
	                     text="3"
	                     type="Accept"
	                     class="sapUiTinyMarginEnd"
	                 />
	             </FlexBox>
	         </Panel>
	         <Panel headerText="Column">
	             <FlexBox
	                 direction="Column"
	                 class="borderStyle"
	                 width="220px"
	                 height="100px"
	             >
	                 <Button
	                     text="1"
	                     type="Emphasized"
	                     class="sapUiTinyMarginEnd"
	                 />
	                 <Button
	                     text="2"
	                     type="Reject"
	                     class="sapUiTinyMarginEnd"
	                 />
	                 <Button
	                     text="3"
	                     type="Accept"
	                     class="sapUiTinyMarginEnd"
	                 />
	             </FlexBox>
	         </Panel>
	         <Panel headerText="ColumnReverse">
	             <FlexBox
	                 direction="ColumnReverse"
	                 class="borderStyle"
	                 width="220px"
	                 height="100px"
	             >
	                 <Button
	                     text="1"
	                     type="Emphasized"
	                     class="sapUiTinyMarginEnd"
	                 />
	                 <Button
	                     text="2"
	                     type="Reject"
	                     class="sapUiTinyMarginEnd"
	                 />
	                 <Button
	                     text="3"
	                     type="Accept"
	                     class="sapUiTinyMarginEnd"
	                 />
	             </FlexBox>
	         </Panel>
	     </HBox>
	 </Panel>

1.4 Sort

  • 可以排序Box内的组件( layoutData->FlexItemData ）
    在这里插入图片描述
  • View
   <Panel
       headerText="Sort"
       class="sapUiLargeMarginBottom"
   >
       <HBox>
           <Panel headerText="Order in Row">
               <FlexBox
                   direction="Row"
                   class="borderStyle"
                   width="220px"
                   height="100px"
               >
                   <Button
                       text="1"
                       type="Emphasized"
                       class="sapUiTinyMarginEnd"
                   >
                       <layoutData>
                           <FlexItemData order="2" />
                       </layoutData>
                   </Button>
                   <Button
                       text="2"
                       type="Reject"
                       class="sapUiTinyMarginEnd"
                   >
                       <layoutData>
                           <FlexItemData order="3" />
                       </layoutData>
                   </Button>
                   <Button
                       text="3"
                       type="Accept"
                       class="sapUiTinyMarginEnd"
                   >
                       <layoutData>
                           <FlexItemData order="1" />
                       </layoutData>
                   </Button>
               </FlexBox>
           </Panel>
           <Panel headerText="Order in Column">
               <FlexBox
                   direction="Column"
                   class="borderStyle"
                   width="220px"
                   height="100px"
               >
                   <Button
                       text="1"
                       type="Emphasized"
                       class="sapUiTinyMarginEnd"
                   >
                       <layoutData>
                           <FlexItemData order="3" />
                       </layoutData>
                   </Button>
                   <Button
                       text="2"
                       type="Reject"
                       class="sapUiTinyMarginEnd"
                   >
                       <layoutData>
                           <FlexItemData order="1" />
                       </layoutData>
                   </Button>
                   <Button
                       text="3"
                       type="Accept"
                       class="sapUiTinyMarginEnd"
                   >
                       <layoutData>
                           <FlexItemData order="2" />
                       </layoutData>
                   </Button>
               </FlexBox>
           </Panel>
       </HBox>
   </Panel>

1.5 Render Type

  • 常用的有Div,Bare,List
    在这里插入图片描述
  • View
  <Panel
      headerText="Render Type"
      class="sapUiLargeMarginBottom"
  >
      <HBox>
          <Panel headerText="Div">
              <FlexBox
              renderType="Div"
                  class="borderStyle"
                  width="320px"
                  height="100px"
              >
                  <Button
                      text="1"
                      type="Emphasized"
                      class="sapUiTinyMarginEnd"
                  ><layoutData>
                      <FlexItemData growFactor="3" />
                  </layoutData>
                  </Button>
                  <Button
                      text="2"
                      type="Reject"
                      class="sapUiTinyMarginEnd"
                  ><layoutData>
                      <FlexItemData growFactor="2" />
                  </layoutData>
                  </Button>
                  <Button
                      text="3"
                      type="Accept"
                      class="sapUiTinyMarginEnd"
                  ><layoutData>
                      <FlexItemData growFactor="1" />
                  </layoutData>
                  </Button>
              </FlexBox>
          </Panel>
          <Panel headerText="Bare">
              <FlexBox
              renderType="Bare"
                  class="borderStyle"
                  width="320px"
                  height="100px"
              >
                  <Button
                      text="1"
                      type="Emphasized"
                      class="sapUiTinyMarginEnd"
                  ><layoutData>
                      <FlexItemData growFactor="3" />
                  </layoutData>
                  </Button>
                  <Button
                      text="2"
                      type="Reject"
                      class="sapUiTinyMarginEnd"
                  ><layoutData>
                      <FlexItemData growFactor="2" />
                  </layoutData>
                  </Button>
                  <Button
                      text="3"
                      type="Accept"
                      class="sapUiTinyMarginEnd"
                  ><layoutData>
                      <FlexItemData growFactor="1" />
                  </layoutData>
                  </Button>
              </FlexBox>
          </Panel>
          <Panel headerText="List">
              <FlexBox
              renderType="List"
                  class="borderStyle"
                  width="320px"
                  height="100px"
              >
                  <Button
                      text="1"
                      type="Emphasized"
                      class="sapUiTinyMarginEnd"
                  ><layoutData>
                      <FlexItemData growFactor="3" />
                  </layoutData>
                  </Button>
                  <Button
                      text="2"
                      type="Reject"
                      class="sapUiTinyMarginEnd"
                  ><layoutData>
                      <FlexItemData growFactor="2" />
                  </layoutData>
                  </Button>
                  <Button
                      text="3"
                      type="Accept"
                      class="sapUiTinyMarginEnd"
                  ><layoutData>
                      <FlexItemData growFactor="1" />
                  </layoutData>
                  </Button>
              </FlexBox>
          </Panel>
      </HBox>
  </Panel>

1.6 嵌套使用

在这里插入图片描述

  • View
  <Panel
       headerText="FlexItemData growFactor"
       class="sapUiLargeMarginBottom"
   >
       <HBox
           fitContainer="true"
           alignItems="Stretch"
           class="sapUiSmallMargin nestedFlexboxes"
       >
           <core:HTML content="&lt;h2&gt;1&lt;/h2&gt;">
               <core:layoutData>
                   <FlexItemData
                       growFactor="2"
                       styleClass="item1"
                   />
               </core:layoutData>
           </core:HTML>
           <core:HTML content="&lt;h2&gt;2&lt;/h2&gt;">
               <core:layoutData>
                   <FlexItemData
                       growFactor="3"
                       styleClass="item2"
                   />
               </core:layoutData>
           </core:HTML>

           <VBox fitContainer="true">
               <layoutData>
                   <FlexItemData growFactor="7" />
               </layoutData>

               <core:HTML content="&lt;h2&gt;3&lt;/h2&gt;">
                   <core:layoutData>
                       <FlexItemData
                           growFactor="5"
                           styleClass="item3"
                       />
                   </core:layoutData>
               </core:HTML>

               <HBox
                   fitContainer="true"
                   alignItems="Stretch"
               >
                   <layoutData>
                       <FlexItemData growFactor="3" />
                   </layoutData>

                   <core:HTML content="&lt;h2&gt;4&lt;/h2&gt;">
                       <core:layoutData>
                           <FlexItemData
                               growFactor="1"
                               styleClass="item4"
                           />
                       </core:layoutData>
                   </core:HTML>
                   <core:HTML content="&lt;h2&gt;5&lt;/h2&gt;">
                       <core:layoutData>
                           <FlexItemData
                               growFactor="1"
                               styleClass="item5"
                           />
                       </core:layoutData>
                   </core:HTML>
               </HBox>
           </VBox>

           <core:HTML content="&lt;h2&gt;6&lt;/h2&gt;">
               <core:layoutData>
                   <FlexItemData
                       growFactor="5"
                       styleClass="item6"
                   />
               </core:layoutData>
           </core:HTML>
       </HBox>
   </Panel>

1.7 组件等高显示

在这里插入图片描述

  • View
  <Panel
        headerText="组件等高"
        class="sapUiLargeMarginBottom"
    >
        <HBox class="sapUiLargeMarginBottom customPanel">
            <FlexBox>
                <Text
                    text="Although they have different amounts of text, both columns are of equal height."
                >
                    <layoutData>
                        <FlexItemData
                            growFactor="1"
                            baseSize="0"
                            backgroundDesign="Solid"
                            styleClass="sapUiTinyMargin"
                        />
                    </layoutData>
                </Text>
                <Text
                    text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo hey nonny no duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
                >
                    <layoutData>
                        <FlexItemData
                            growFactor="2"
                            baseSize="0"
                            backgroundDesign="Solid"
                            styleClass="sapUiTinyMargin"
                        />
                    </layoutData>
                </Text>
            </FlexBox>
        </HBox>
    </Panel>

2. HBox,VBox

HBox,VBox是FlexBox的子类，可以直接使用并实现横向布局和竖向布局
在这里插入图片描述

  • View
   <Panel
       headerText="HBox  VBox"
       class="sapUiLargeMarginBottom"
   >
       <HBox>
           <Panel headerText="HBox">
               <HBox
                   class="borderStyle"
                   width="220px"
                   height="100px"
               >
                   <Button
                       text="1"
                       type="Emphasized"
                       class="sapUiTinyMarginEnd"
                   />
                   <Button
                       text="2"
                       type="Reject"
                       class="sapUiTinyMarginEnd"
                   />
                   <Button
                       text="3"
                       type="Accept"
                       class="sapUiTinyMarginEnd"
                   />
               </HBox>
           </Panel>
           <Panel headerText="VBox">
               <VBox
                   class="borderStyle"
                   width="220px"
                   height="100px"
               >
                   <Button
                       text="1"
                       type="Emphasized"
                       class="sapUiTinyMarginEnd"
                   />
                   <Button
                       text="2"
                       type="Reject"
                       class="sapUiTinyMarginEnd"
                   />
                   <Button
                       text="3"
                       type="Accept"
                       class="sapUiTinyMarginEnd"
                   />
           </VBox>
           </Panel>
          
           
       </HBox>
   </Panel>

3. HorizontalLayout，VerticalLayout

这两个组件类似与HBox和VBox，主要区别是HorizontalLayout无法设置宽高属性，VerticalLayout无法设置高属性

在这里插入图片描述

  • View
	<Panel
	   headerText="HorizontalLayout,VerticalLayout"
	    class="sapUiLargeMarginBottom"
	>
	    <HBox>
	        <Panel headerText="HorizontalLayout">
	            <l:HorizontalLayout
	                class="borderStyle"
	            >
	                <Button
	                    text="1"
	                    type="Emphasized"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="2"
	                    type="Reject"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="3"
	                    type="Accept"
	                    class="sapUiTinyMarginEnd"
	                />
	            </l:HorizontalLayout>
	        </Panel>
	        <Panel headerText="VerticalLayout">
	            <l:VerticalLayout
	                class="borderStyle"
	                width="220px"
	            >
	                <Button
	                    text="1"
	                    type="Emphasized"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="2"
	                    type="Reject"
	                    class="sapUiTinyMarginEnd"
	                />
	                <Button
	                    text="3"
	                    type="Accept"
	                    class="sapUiTinyMarginEnd"
	                />
	            </l:VerticalLayout>
	        </Panel>
	    </HBox>
	</Panel>
SAP峰※
关注
  • 24
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaFX 2.0布局窗格– HBox和VBox
最佳 Java 编程
05-10 2086
如果要对JavaFX 2.0中所有不同的布局窗格进行概述，或者想了解有关它们的一些基本知识，请参阅我以前的文章《 JavaFX 2.0中的布局窗格》 。 布局窗格HBox和VBox绝对是JavaFX 2.0中最基本的布局容器。 如您所知，它们的用途是将所有子级布置在一个水平行（ HBox ）或一个垂直列（ VBox ）中。 因为它们非常容易使用，并且对于较小的布局问题非常有用，所以您...
flex-layout：为Angular应用程序提供HTML UI布局； 使用Flexbox和响应式API
01-31
角度灵活布局 Angular Flex Layout使用Flexbox CSS + mediaQuery提供了复杂的布局API。 该模块使用自定义的Layout API，mediaQuery observables和注入的DOM flexbox-2016 CSS样式为Angular开发人员提供组件布局功能...
箱子布局攻略 (HBox/VBox Layout)
热门推荐
zhangxin09的专栏
05-28 3万+
一、了解箱子布局 箱子布局是一种新颖的布局方式，其布局模型可以更好地优化 UI 设计的工作。它率先在 XUL 界面语言中被提出，广泛应用于 Mozilla 的应用程序，如 FireFox 等等。在 CSS 布局系统中（for CSS3），作为新增的补充形式，箱子布局可以指定子元素在水平或垂直的任意一种方向进行排列，剩下有多的空间由已声明了的子元素来填空（声明 flex 项）。
JavaFx笔记二：布局
qq_43408971的博客
08-28 4681
JavaFx——布局 布局（Pane）的作用将界面划分区域，用来放置其他可视的控件。JavaFx内置布局包括，FlowPane、TilePane、HBox、VBox、BorderPane、AnchorPane、GridPane、StackPane、DialogPane等。 一、FlowPane FlowPane（流式布局）中的子元素被安置在流（flow）中，随着界面尺寸的变化自动改变布局。默认为横向流，可通过构造函数创建纵向流。具体创建过程： public static FlowPane testFlowP
javafx布局类HBox和VBox
大知无涯者
04-08 1万+
HBox HBox中的H是Horizontal的首字母，意为水平的。HBox即水平的布局，将组件按水平方向依次排列。 代码 package javafxbeans; import javafx.application.Application; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scen...
flex中HBox,VBox布局
海阔天空
05-21 3969
HBox 是横向布局，VBox是重向布局。 HBox、VBox组件都有属性horizontalAlign ，horizontalCenter，verticalAlign，verticalCenter。 而horizontalAlign ，horizontalCenter是水平居中，verticalAlign，verticalCenter是垂直居中。 例如： <mx:Button vertical
JavaFX - HBOX、VBOX（水平、垂直布局）
贾岚翔的博客
06-09 2185
package sample; import javafx.application.Application; import javafx.geometry.Insets; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.layout.AnchorPane; import javafx.scene.layout.HBox...
LVGL8学习之row and a column layout with flexbox
菜鸟攻城狮
08-26 2042
这一篇来学习一下基于flexbox（柔性盒子）简单行和列布局，还是通过codeblock来模拟代码的运行，可设置layout对象内部的水平和竖直填充，以及布局内各item之间的间隔填充 代码如下： void lv_flex_layout_test() { lv_obj_t * container_row1 = lv_obj_create(lv_scr_act()); // 创建一个对象container_row1 if (container_row1 == NULL) {
Android 控件之FlexboxLayout知识梳理
蜗牛快跑
08-24 856
FlexboxLayout 是google出品的Android控件，类似前端或RN的flex布局。FlexboxLayout 分为主轴和侧轴（垂直于主轴）。flexDirection属性（row,row_reverse,column,column_reverse）决定的。 FlexboxLayout属性主要有两部分。一是本身这个ViewGroup的属性，一是它内部Item的属性。
android布局控件flex-layout
Android小飞の博客
06-29 1378
最近Google开源了一个项目叫「FlexboxLayout」。 1.什么是 Flexbox 简单来说 Flexbox 是属于web前端领域CSS的一种布局方案，是2009年W3C提出了一种新的布局方案，可以简便、完整、响应式地实现各种页面布局，并且 React Native 也是使用的 Flex 布局。 你可以简单的理解为 Flexbox 是CSS领域类似 Linearlayo
flexbox-layout：适用于Android的Flexbox
02-02
FlexboxLayout ...用法有两种在布局中使用Flexbox的方法。FlexboxLayout 第一个是FlexboxLayout ，它像LinearLayout和RelativeLayout一样扩展了ViewGroup 。 您可以从布局XML指定属性，例如： < com .go
deekshamathur.flexbox.github.io：flexbox
03-04
标题 "deekshamathur.flexbox.github.io：flexbox" 暗示这是一个关于 Flexbox 布局技术的在线资源，可能是一个个人项目或教程网站，由用户 deekshamathur 在 GitHub 上发布。这个项目可能包含了对 Flexbox 的详细...
微信小程序 flexbox layout快速实现基本布局的解决方案
10-15
flexbox layout 弹性盒子布局。弹性盒子可以快速的对小程序进行布局。这篇文章主要介绍了微信小程序 flexbox layout快速实现基本布局的方法,需要的朋友可以参考下
Android-flexbox-layout.zip
09-17
Android-flexbox-layout.zip,Android的FlexBox,安卓系统是谷歌在2008年设计和制造的。操作系统主要写在爪哇，C和C 的核心组件。它是在linux内核之上构建的，具有安全性优势。
在线图书商城平台，资源由网络分享整理，如有侵权请联系我
07-23
网上书店系统是一个基于Web的应用程序，它允许用户在互联网上浏览、选购图书，并进行在线交易。这个系统通常由几个核心组件组成，包括前端用户界面、后台数据库管理、购物车功能、支付接口以及订单处理模块。下面我们将详细探讨这些知识点。 1. ASP.NET：ASP.NET是由微软开发的一个用于构建动态网站、应用程序和Web服务的框架。它支持多种编程语言，如C#，提供了丰富的功能和工具，简化了Web应用的开发过程。在本系统中，ASP.NET可能用于创建网页交互逻辑，处理用户请求并返回响应。 2. C#：C#是一种面向对象的编程语言，常用于构建Windows桌面应用和Web应用。在这个网上书店系统中，C#可能被用来编写服务器端的业务逻辑代码，处理用户输入，访问数据库，以及与各种服务进行交互。 3. 数据库：数据库是存储网上书店系统所有数据的地方，包括书籍信息（如书名、作者、出版社、价格等）、用户信息、订单详情等。常见的数据库管理系统如MySQL、SQL Server或Oracle可能被用于存储和检索这些数据。开发者需要使用SQL语句来设计和操作数据库，确保数据的一致性和完整性。 4. 系统
html+js制作的网页计算机 可以实现加减乘除等运算
最新发布
07-23
大二下半学期的网页设计课程作业 html+js制作的网页计算机 可以实现加减乘除等运算
王江涛六级：完整齐全 课程+资料（百度网盘链接）
07-23
资料包含：讲义，规划导学，六级核心技巧讲解，水平测试解析，考前点睛，写译预测，高频核心词训练营，等等。
springboot整合MinIO中间件，实现文件便捷管理
07-23
springboot整合MinIO中间件，实现文件便捷管理
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值