iVX低代碼平臺系列制作簡單的登錄界面

一、前言

iVX是啥,不理解的小伙伴可以猛戳這里 ----------------------點我









二、iVX平臺和現有編程語言的對比請添加圖片描述






三、iVX平臺和現有編程語言的對比

1、快速學習(周期短)

iVX邏輯上相對是比較簡單的 所以初學者的話只需要從邏輯和具體功能入手即可快速上手進行開發 甚至有一些設計師、文科專業畢業生也可以快速學習和掌握iVX開發,ivx可以極大地節省人力、工期等開發成本 從而打到快速開發的目的。



2、快速開發

請添加圖片描述



3、快速運行

ivx內部編譯和語法生成翻譯等有強大的各種核心算法支撐 從而實現我們快速運行的目的



4、快速維護

前端所見即所得 隨時更新修改 清晰的日志可視化系統以及結構化的小模塊 層次感很強 邏輯也更易于去梳理 是的我們維護成本變得很低



三、利用ivx制作一個簡單的登錄頁面

1、打開ivx的編輯頁面(注冊號的可以先注 .冊號)

猛點這里 ------- 編輯工具
然后我們選一個web程序,名字叫 HelloIvx 項目,點擊創建就,如下圖
請添加圖片描述



2、我們在登錄界面選背景顏色

如下圖,我們可以點擊“背景顏色”就可以動態的選顏色了,肉眼可看顏色,是不是非常方便,
比我們用代碼寫RGB的值更加方便和直觀。

請添加圖片描述



3、我們在登錄界面加上標題

標題我們知道是一個文本框,我們點擊下文本框,那個箭頭表示選擇的空間可以隱藏和顯示,
經常用到,大家要注意。
請添加圖片描述
然后我們把文字修改成"登錄界面",
然后我們把左邊距和上邊距進行這里設置,文字要啥樣式我們都可以在編輯界面選擇
請添加圖片描述



4、我們在登錄界面加上輸入賬號和密碼的編輯框

我們找編輯文本的按鈕,點擊2個,然后設置左上邊距,然后輸入hint的提示內容,效果是不是非常好,非常簡答。
請添加圖片描述



5、我們在登錄界面加上登錄按鈕

我們點擊圖片的 “按鈕”那個圖標,然后修改字體內容和邊距,有需要的話可以設置圓角多少度啥的,看你真實的需求是啥。
請添加圖片描述



四、利用ivx發布預覽登錄頁面

點擊預覽按鈕
請添加圖片描述
效果如下
在這里插入圖片描述
是不是看起還可以,操作非常簡單,不會寫代碼也沒關系。



五、ivx使用總結

我自己操作起來非常簡單,很快速就完成了一個頁面,媽媽再也不擔心我寫代碼的問題了。

ivx 動手嘗試電梯:ivx在線編輯器
官 網: www.ivx.cn
ivx 公.眾號:ivx_cn
iVX在.線學院:iVX在線學院跳轉電梯

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/284899.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/284899.shtml
英文地址,請注明出處:http://en.pswp.cn/news/284899.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【CASS精品教程】CASS9.1等高線的繪制完整案例教程

在地形圖中,等高線是表示地貌起伏的一種最重要的手段。在CASS成圖時,可自動生成精度高的等高線,本文講解CASS9.1生成等高線的完整操作流程。 文章目錄 1. 展高程點2. 建立數字地面模型3. 修改數字地面模型4. 繪制等高線5. 等高線的修飾6. 繪制三維模型擴展閱讀: ArcGIS實驗…

Process.Start 為什么會引發“系統找不到指定的文件”異常

前言偶然發現,如果想用如下代碼在 .NET 6 中打開指定 URL:Process.Start("https://baidu.com");會引發異常:而同樣的代碼在 .NET Framework 中是可以正常執行的。難道,.NET 6 下的實現邏輯不一樣?深入探究通…

JVM 類型的生命周期學習

Java虛擬機通過裝載、連接和初始化一個JAVA類型,使該類型可以被正在運行的JAVA程序所使用,其中,裝載就是把二進制形式的JAVA類型讀入JAVA虛擬機中;而連接就是把這種讀入虛擬機的二進制形式的類型數據合并到虛擬機的運行時狀態中去…

js對象數組中的某屬性值 拼接成字符串

var arr[{id: "600", pId: null, name: "圖形的變化"},{id: "630", pId: "600", name: "投影與視圖"},{id: "631", pId: "630", name: "投影"},{id: "632", pId: "630",…

898A. Rounding#數的舍入

題目出處&#xff1a;http://codeforces.com/problemset/problem/898/A 題目大意&#xff1a;找一個數最近的整十的數 #include<iostream> using namespace std; int main(){int a,b;cin>>a;ba;while(1){if(a%100){cout<<a<<endl;return 0;}if(b%100){…

開店星簡直就是國內優秀的開源商城系統天花板

一、場景 1、大學生畢業設計做商城系統背景 好家伙、又到開學季節了&#xff0c;師妹讓我幫忙給指導大四的項目&#xff0c;作為畢業設計和為后面找工作積累項目經驗&#xff0c;要搞一個買賣二手閑置品的商城小程序和PC端商城、希望能夠快速學習、接入、修改部分功能&#xff…

【CASS精品教程】CASS9.1土方量的計算方法匯總

CASS9.1中,計算土方量的方法有:DTM法土方計算、斷面法進行土方量計算、方格網法土方計算、等高線法土方計算、區域土方量平衡等。本文以案例的形式,詳細講解土方量的計算過程。 文章目錄 一、DTM法土方計算二、斷面法進行土方量計算三、方格網法土方計算四、等高線法土方計算…

html標簽缺省(自帶)樣式大全

html標簽默認樣式整理 作者&#xff1a;佚名 來源&#xff1a;互聯網 時間&#xff1a;07-30 16:54:48 文為大家整理了html標簽默認樣式屬性及瀏覽器默認樣式等等&#xff0c;喜歡css布局的朋友們可以學下&#xff0c;希望對大家有所幫助html, address,blockquote,body, dd, …

VS2019 禁止Web項目停止調試后自動關閉瀏覽器(在瀏覽器窗口關閉時停止調試程序,在調試停止時關閉瀏覽器)

很多文章都說要修改以下兩處與“編輯并繼續”有關的選項&#xff1a; “編輯并繼續”是一種省時的功能&#xff0c;使你能夠在程序處于中斷模式時更改源代碼。 通過選擇執行命令&#xff08;如 "繼續" 或 "單步執行"&#xff09;繼續執行程序時&#xff0c…

iOS - block變量捕獲原理

block對變量的捕獲 1&#xff1a;可以捕獲不可以修改變量 局部變量2&#xff1a;可以捕獲且可以修改變量 全局變量靜態變量__block修飾的局部變量原理分析&#xff1a; 1. 局部變量為什么可以被捕獲確不能修改 int a 10; void (^blcok)() [^{NSLog("%d",a); } copy…

Shell 更好看的回顯

#!/bin/shsource /etc/init.d/functionsaction "hello" /bin/true轉載于:https://blog.51cto.com/itech/1768218

【ArcGIS風暴】ArcGIS中等高線高程標注/注記(打斷/消隱)方法案例匯總

本文以案例的形式,圖文并茂詳細講解在ArcGIS 10.6中,等高線高程標注、注記的方法。 文章目錄 一、屬性標注二、Maplex工具標注1. 使用Maplex標注引擎2. 標注轉換為注記3. 要素輪廓線掩膜4. 使用掩膜選項進行繪制參考閱讀: 【CASS精品教程】CASS9.1等高線的繪制完整案例教程 …

Blazor University (35)表單 —— 編寫自定義驗證

原文鏈接&#xff1a;https://blazor-university.com/forms/writing-custom-validation/編寫自定義驗證源代碼[1]請注意&#xff0c;與有關 EditContext、FieldIdentifiers 和 FieldState[2] 的部分一樣&#xff0c;這是一個高級主題。如前所述&#xff0c;FieldState 類保存表…

HTML 元素內部添加預加載

CSS&#xff1a; /*元素內部加載loading*/.innerLoading {height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;}.innerLoading * {text-align: center;color: #737782cc;fill: #73777A;font-size: 1em !important;font-family: SimSun,SimHe…

Windows下怎樣安裝Tomcat

Tomcat 是開源的WEB應用容器&#xff0c;所以受到各位程序員和公司的親賴。在這里給大家介紹一下如何在Windows環境下安裝Tomcat綠色版本&#xff0c;希望能夠對大家有幫助。 1.首先去Tomcat官網下載Tomcat軟件&#xff0c;在百度中搜索Tomcat,進入英文網址http://tomcat.apach…

智能識別云服務端平臺之神【合合信息TextIn】

一、前言 眾所周知&#xff0c;隨著互聯網和人工智能的發展&#xff0c;我們非常多的場景需要用到智能“識別”功能&#xff0c;比如人臉識別、通用文字識別、表格識別、辦公文檔識別、身份證、名片、營業執照等國內外卡證文字識別等等&#xff0c;同時識別與理解面臨的全球性技…

【ArcGIS微課1000例】0015:ArcGIS如何創建/自定義快捷鍵?

為了提高工作效率,強大的ArcGIS提供了很多快捷鍵,如訪問 ArcMap 菜單命令、窗口操縱、刷新或暫停地圖繪制、通過拖放進行移動或復制等等。本文在ArcGIS已有快捷鍵的基礎之上,為了提高工作效率,講解如何定制個性化的快捷鍵。 參考閱讀:【ArcGIS風暴】ArcGIS快捷鍵大全 文章…

Bresenham 算法

1965 年&#xff0c;Bresenham 為數字繪圖儀開發了一種繪制直線的算法&#xff0c;該算法同樣使用于光柵掃描顯示器&#xff0c;被稱為 Bresenham 算法。 原理 算法的目標是選擇表示直線的最佳光柵位置。Bresenhan 算法在主位移方向上每次遞增一個單位。另一個方向的增量為 0…

Python高級特性——迭代(Iteration)

Python高級特性——迭代&#xff08;Iteration&#xff09; 1、給定一個集合list或者tuple&#xff0c;可以通過for …… in ……的語法來實現循環遍歷&#xff0c;這個循環我們就叫做迭代 迭代list&#xff1a; >>> m [haha,hehe,heihei,gaga] >>> for li …

ML.NET 更新

點擊上方藍字關注我們&#xff08;本文閱讀時間&#xff1a;5分鐘)ML.NET是一款面向.NET開發人員的開源&#xff0c;跨平臺機器學習框架&#xff0c;可以將自定義機器學習集成到.NET應用中。我們很開心地向您介紹我們在過去幾個月中所做的工作。ML.NET:https://dotnet.microsof…