在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

AWTK 開源串口屏開發(9) - 用戶和權限管理

ZLG致遠電子 ? 2024-02-19 12:10 ? 次閱讀

在AWTK串口屏中,內置用戶管理和權限控制的模型,無需編碼即可實現登錄、登出、修改密碼、權限控制、創建用戶、刪除用戶等功能,本文介紹一下用戶管理和權限控制的基本用法。

用戶管理和權限控制是一個常用的功能。在工業軟件中,通常將用戶分為幾種不同的角色,每種角色有不同的權限,比如管理員、操作員和維護員等等。在 AWTK 串口屏中,內置基本的用戶管理和權限控制功能,可以滿足常見的需求。開發者不需要編寫代碼,設計好用戶界面,通過數據和命令綁定規則,即可實現用戶和權限管理功能,比如登錄、登出、修改密碼、權限控制、創建用戶、刪除用戶等功能。
db1f0046-cedc-11ee-9118-92fbcf53809c.gif本文介紹一下 AWTK 串口屏中的用戶管理和權限控制功能。


1. 出廠默認用戶

在下面的數據文件中,可以修改出廠默認的用戶和密碼。密碼使用 sha256 加密,可以使用在線工具生成。https://emn178.github.io/online-tools/sha256.html

design/default/data/user_manager.csv

比如 demo 中的默認用戶是:

admin|0|8c6976e5b5410415bde908bd4dee15dfb167a9c873fc4bb8a81f6f2ab448a918|管理員(默認密碼:admin)


2. 數據文件格式

用 CSV 格式的文件存儲用戶名和密碼,每行一個用戶,每行的格式如下:

  • 用戶名。可以使用中文。
  • 角色。用來做實際的權限控制,怎么定義就怎么用。比如:0表示管理員,1 表操作員,2 表示維護員。
  • 密碼。使用 sha256 加密。
  • 備注。可以使用中文。

在后面的數據綁定中,name 表示用戶名,role 表示角色,password 表示密碼,memo 表示備注。

3. 用戶登錄

3.1 用戶登錄命令

當啟用用戶管理時,默認模型 (default) 會提供一個 login 的命令。

login 命令依賴兩個屬性:

login_username 登錄的用戶名。

  • login_password 登錄的密碼。

login 命令需要一個參數,用來指定登錄成功后跳轉的目標頁面。

3.2 數據綁定

綁定屬性

綁定規則

說明

v-data:value

{login_username}

用戶名編輯器

v-data:value

{login_password, Mode=OneWayToModel, ToModel=sha256(value)}

密碼編輯器

Mode=OneWayToModel 表示單向綁定,只能從控件到模型,主要是因為模型里的密碼是加密后的哈希值,不能反向綁定到控件。

表示將控件輸入的數據使用 sha256 加密后,再賦值給模型。

3.3 命令綁定

綁定屬性

綁定規則

說明

v-on:click

{login, Args=home_page}

登錄按鈕的點擊事件。home_page 是登錄成功后跳轉的頁面

3.4 demo 參考界面

db7aa518-cedc-11ee-9118-92fbcf53809c.png

4. 用戶登錄狀態

4.1 用戶登錄狀態

用戶登錄成功后,會在默認模型 (default) 中提供兩個變量:

username 登錄的用戶名。

userrole 登錄的用戶角色。

userrole 是一個整數,可以通過 userrole 來控制權限。

4.2 數據綁定

綁定屬性

綁定規則

說明

v-data:value

{username}

顯示當前用名

v-data:value

{one_of(‘管理員;工程師;操作員’, userrole)}

顯示當前的角色名

4.3 命令綁定

比如,只用管理員才能訪問的頁面,可以通過下面的命令綁定來實現:

綁定屬性

綁定規則

說明

v-on:click

{navigate, Args=user_manager, AutoDisable=false}

AutoDisable 一定要設置為 false,否則不能綁定 enable 屬性

v-data:enable

data:enable {userrole==0}

當前角色為管理員時,才啟用本按鈕

比如,只用管理員執行某些命令,可以通過下面的命令綁定來實現:

綁定屬性

綁定規則

說明

v-on:click

{do_something, Args=xxx, AutoDisable=false}

AutoDisable 一定要設置為 false,否則不能綁定 enable 屬性

v-data:enable

data:enable {userrole==0}

當前角色為管理員時,才啟用本按鈕

4.4 demo 參考界面

管理員界面,全部功能可用。

db7ed020-cedc-11ee-9118-92fbcf53809c.png

工程師界面,部分功能可用。

dbc54ee2-cedc-11ee-9118-92fbcf53809c.png

5. 修改密碼

5.1 修改密碼命令

當啟用用戶管理時,默認模型 (default) 會提供一個 change_password 的命令。change_password 命令依賴兩個屬性:

  • change_password 修改的密碼。
  • change_confirm_password 確認修改的密碼。

change_password 命令不需要參數。

5.2 數據綁定

綁定屬性

綁定規則

說明

v-data:value

{change_password, Mode=OneWayToModel, ToModel=sha256(value)}

密碼編輯器

v-data:value

{change_confirm_password, Mode=OneWayToModel, ToModel=sha256(value)}

確認密碼編輯器

5.3 命令綁定

綁定屬性

綁定規則

說明

v-on:click

{change_password, CloseWindow=true}

確認按鈕的點擊事件。

5.4 demo 參考界面

dbd86158-cedc-11ee-9118-92fbcf53809c.png

6. 用戶管理

前面的模型都是默認模型 (default),用戶管理模型是 user_manager。

6.1 用戶管理命令

當啟用用戶管理時,用戶管理模型 (user_manager) 會提供一些命令。

add 添加用戶。

remove 刪除用戶。

edit 編輯用戶。

save 保存用戶。

reload 重新加載用戶。

set_selected 設置選中的用戶。

6.2 數據綁定

綁定屬性

綁定規則

說明

v-data:value

{selected_index}

選中的用戶索引,在列表項目外使用。

v-data:value

{index}

序數,在列表項內使用。

v-data:value

{item.name}

用戶名,在列表項內使用。

v-data:value

{one_of(‘管理員;工程師;操作員’, item.role)}

角色,在列表項內使用。

v-data:value

{item.memo}

備注,在列表項內使用。

6.3 命令綁定

綁定屬性

綁定規則

說明

v-on:click

{add}

添加 按鈕的點擊事件。

v-on:click

{edit}

編輯 按鈕的點擊事件。

v-on:click

{save}

保存 按鈕的點擊事件。

v-on:click

{reload}

重新加載 按鈕的點擊事件。

v-on:click

{set_selected}

列表項的點擊事件。

v-on:click

{remove, Args=selected_index, AutoDisable=false}

刪除按鈕的點擊事件。AutoDisable 一定要設置為 false,否則不能綁定 enable 屬性

為了不讓用戶刪除管理員用戶,可以設置刪除按鈕的 enable 屬性。綁定規則如下:

綁定屬性

綁定規則

說明

v-data:enable

{selected_index!=0}

當前選中的用戶不是管理員時,啟用本按鈕。

6.4 demo 參考界面

dbe63c1a-cedc-11ee-9118-92fbcf53809c.png

7. 創建用戶

user_manager 模型提供了一個 add 命令,用來創建用戶。如果支持創建用戶,需要提供一個創建用戶的界面,窗口的名字必須是 user_manager_add。

通過 new 參數可以設置默認數據。比如:

user_manager(new=' |1| | |');

7.1 模型

創建用戶的界面有自己的模型,代表當前創建的用戶。

它具有下面的屬性:

name 表示 username 用戶名。

role 表示 role 角色。

password 表示 password 密碼。

memo 表示 memo 備注。

它還提供了一個確認增加的命令。

add 命令。

7.2 數據綁定

綁定屬性

綁定規則

說明

v-data:value

{name, validator=username}

用戶名編輯器,內置數據校驗器 username,用于檢查用戶名的有效性(如是否重名)

v-data:value

{role}

角色編輯器

v-data:value

{password, Mode=OneWayToModel, ToModel=sha256(value)}

密碼編輯器

v-data:value

{memo}

備注編輯器

7.3 命令綁定

綁定屬性

綁定規則

說明

v-on:click

{add, CloseWindow=true}

確認按鈕的點擊事件。

7.4 demo 參考界面

dbf98a86-cedc-11ee-9118-92fbcf53809c.png

8. 編輯用戶

user_manager 模型提供了一個 edit 命令,用來編輯用戶。如果支持編輯用戶,需要提供一個編輯用戶的界面,窗口的名字必須是 user_manager_edit。

8.1 模型

編輯用戶的界面有自己的模型,代表當前編輯的用戶。它具有下面的屬性:

  • name 表示 username 用戶名。
  • role 表示 role 角色。
  • memo 表示 memo 備注。

不需要額外的命令。

8.2 數據綁定

綁定屬性

綁定規則

說明

v-data:value

{name}

用戶名編輯器

v-data:value

{role, Trigger=Explicit}

角色編輯器,為了方便取消,采用顯式更新

v-data:value

{memo, Trigger=Explicit}

備注編輯器,為了方便取消,采用顯式更新

8.3 命令綁定

綁定屬性

綁定規則

說明

v-on:click

{nothing, UpdateModel=true, CloseWindow=true}

確認按鈕的點擊事件。

v-on:click

{nothing, CloseWindow=true}

取消按鈕的點擊事件。

UpdateModel=true 表示更新模型,CloseWindow=true 表示關閉窗口。

8.4 demo 參考界面

dc0aca4e-cedc-11ee-9118-92fbcf53809c.png

9. 注意

本項目并沒有編寫界面相關的代碼,AWStudio 在 src/pages 目錄下生成了一些代碼框架,這些代碼并沒有用到,可以刪除也可以不用管它,但是不能加入編譯。

實際開發時,可以參考 demo_user_manager 演示項目,在的它 UI 文件上修改。

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 開源
    +關注

    關注

    3

    文章

    3528

    瀏覽量

    43262
  • 串口屏
    +關注

    關注

    8

    文章

    573

    瀏覽量

    37981
  • awtk
    +關注

    關注

    0

    文章

    49

    瀏覽量

    329
收藏 人收藏

    評論

    相關推薦

    Linux權限管理解析

    權限指的是某一個用戶針對某一個文件的權限(root超級管理員擁有全部權限)
    的頭像 發表于 04-09 10:06 ?151次閱讀
    Linux<b class='flag-5'>權限</b><b class='flag-5'>管理</b>解析

    linux權限管理詳解

    權限:在計算機系統中,權限是指某個計算機用戶具有使用軟件資源的權利。
    的頭像 發表于 12-25 09:43 ?394次閱讀

    AWTK使用經驗】如何使用系統輸入法與開啟最大化窗口功能

    在Windows運行的桌面程序。在使用AWTK開發Windows平臺程序時,有些用戶可能想使用系統自帶的輸入法,而不是AWTK內置的輸入法。此時需要對項目應用類型進行一些設置
    的頭像 發表于 11-14 01:05 ?462次閱讀
    【<b class='flag-5'>AWTK</b>使用經驗】如何使用系統輸入法與開啟最大化窗口功能

    串口支持哪些編程語言和開發環境?

    串口作為一種常用的顯示和交互設備,支持多種編程語言和開發環境。以下是對串口支持的編程語言和開發
    的頭像 發表于 11-13 11:45 ?569次閱讀
    <b class='flag-5'>串口</b><b class='flag-5'>屏</b>支持哪些編程語言和<b class='flag-5'>開發</b>環境?

    AWTK 最新動態:支持鴻蒙系統(HarmonyOS Next)

    導讀HarmonyOS是全球第三大移動操作系統,有巨大的市場潛力,在國產替代的背景下,機會多多,AWTK支持HarmonyOS,讓AWTK開發者也能享受HarmonyOS生態的紅利。AWTK
    的頭像 發表于 11-06 08:03 ?626次閱讀
    <b class='flag-5'>AWTK</b> 最新動態:支持鴻蒙系統(HarmonyOS Next)

    Linux用戶身份與進程權限詳解

    在學習 Linux 系統權限相關的主題時,我們首先關注的基本都是文件的 ugo 權限。ugo 權限信息是文件的屬性,它指明了用戶與文件之間的關系。但是真正操作文件的卻是進程,也就是說
    的頭像 發表于 10-23 11:41 ?628次閱讀
    Linux<b class='flag-5'>用戶</b>身份與進程<b class='flag-5'>權限</b>詳解

    AWTK使用經驗】如何在AWTK顯示阿拉伯文本

    AWTK是基于C語言開發的跨平臺GUI框架。AWTK使用經驗系列文章將介紹開發AWTK過程中一些常見問題與解決方案,例如:如何播放視頻或攝像
    的頭像 發表于 09-12 08:07 ?541次閱讀
    【<b class='flag-5'>AWTK</b>使用經驗】如何在<b class='flag-5'>AWTK</b>顯示阿拉伯文本

    AWTK最新動態】AWTK 1.8版本發布

    是什么AWTK全稱ToolkitAnyWhere,是ZLG開發開源GUI引擎,旨在為嵌入式系統、WEB、各種小程序、手機和PC打造的通用GUI引擎,為用戶提供一
    的頭像 發表于 08-30 12:48 ?654次閱讀
    【<b class='flag-5'>AWTK</b>最新動態】<b class='flag-5'>AWTK</b> 1.8版本發布

    AWTK使用經驗】如何更換AWTK SDK與渲染模式

    AWTK是基于C語言開發的跨平臺GUI框架。《AWTK使用經驗》系列文章將介紹開發AWTK過程中一些常見問題與解決方案,例如:如何播放攝像頭
    的頭像 發表于 08-01 08:25 ?1349次閱讀
    【<b class='flag-5'>AWTK</b>使用經驗】如何更換<b class='flag-5'>AWTK</b> SDK與渲染模式

    開源獲獎案例】基于T5L智能的指紋識別解決方案

    ——來自迪文開發者論壇本期為大家推送迪文開發者論壇獲獎開源案例——基于T5L智能的指紋識別解決方案。該方案通過智能
    的頭像 發表于 07-06 08:13 ?552次閱讀
    【<b class='flag-5'>開源</b>獲獎案例】基于T5L智能<b class='flag-5'>屏</b>的指紋識別解決方案

    AWTK使用經驗】如何播放視頻或攝像頭畫面

    AWTK是基于C語言開發的跨平臺GUI框架。《AWTK使用經驗》系列文章將介紹開發AWTK過程中一些常見問題與解決方案,例如:如何加載外部資
    的頭像 發表于 07-04 08:25 ?1047次閱讀
    【<b class='flag-5'>AWTK</b>使用經驗】如何播放視頻或攝像頭畫面

    AWTK使用經驗】如何響應物理按鍵

    AWTK是基于C語言開發的跨平臺GUI框架。《AWTK使用經驗》系列文章將介紹開發AWTK過程中一些常見問題與解決方案,例如:如何加載外部資
    的頭像 發表于 06-06 08:25 ?1008次閱讀
    【<b class='flag-5'>AWTK</b>使用經驗】如何響應物理按鍵

    AWTK 開源串口開發(18) - 用 C 語言自定義命令

    如果AWTK-HMI內置模型無法滿足需求,可以使用C語言來擴展默認模型。本文通過一個簡單的例子,介紹一下用C語言擴展默認模型的方法。AWTK-HMI內置了不少模型,利用這些模型開發應用程序,不需要
    的頭像 發表于 05-11 08:24 ?605次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>開源</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b><b class='flag-5'>開發</b>(18) - 用 C 語言自定義命令

    AWTK 開源串口開發(17) - 通過 MODBUS 訪問數組數據

    AWTK串口中,內置MODBUS客戶端通道模型,不用編寫代碼即可實現在ListView中顯示遠程設備上的數組數據。1.功能不用編寫代碼,實現對遠程設備上數組數據的顯示。2.創建項目從模板創建項目
    的頭像 發表于 04-29 08:25 ?471次閱讀
    <b class='flag-5'>AWTK</b> <b class='flag-5'>開源</b><b class='flag-5'>串口</b><b class='flag-5'>屏</b><b class='flag-5'>開發</b>(17) - 通過 MODBUS 訪問數組數據

    鴻蒙原生應用元服務開發-Web管理位置權限

    Web組件提供位置權限管理能力。開發者可以通過onGeolocationShow()接口對某個網站進行位置權限管理。Web組件根據接口響應結
    發表于 04-28 16:57
    主站蜘蛛池模板: 日本特黄特色大片免费播放视频 | 精品国产高清在线看国产 | 国产成人精品日本亚洲网站 | 男人的天堂色偷偷 | ts人妖在线观看 | 黄色大片视频在线观看 | 日本xxxxx69 | 躁天天躁中文字幕在线 | 亚洲一区二区电影 | 两性午夜欧美高清做性 | 久久免费公开视频 | 99久久99这里只有免费费精品 | 一级特黄国产高清毛片97看片 | 1024免费永久福利视频 | 亚洲成a人在线播放www | 国产伦精品一区二区三区免费 | 人人免费人人专区 | 不卡视频一区二区三区 | 免费网站毛片 | 2020夜夜操| 亚洲日本一区二区三区在线不卡 | 国内精品第一页 | 日韩精品一区二区在线观看 | 五月婷在线观看 | 91久久青草精品38国产 | 老司机亚洲精品影院在线 | 最黄毛片| 国产色妞妞在线视频免费播放 | 特污兔午夜影院 | 久久男人的天堂色偷偷 | 午夜精品久久久久久久久 | 男人资源在线 | 永久网站色视频在线观看免费 | 久青草免费视频手机在线观看 | 天天噜天天干 | 国产午夜免费一区二区三区 | 一级做a爰片久久毛片美女图片 | www.av在线.com | 亚洲在成人网在线看 | 免费的国语一级淫片 | a站在线观看 |