1. 程式人生 > >Smobiler資料準備與環境搭建——C# 或.NET Smobiler例項開發手機app(一)

Smobiler資料準備與環境搭建——C# 或.NET Smobiler例項開發手機app(一)

目錄

一、 前言

二、 關於"選擇"

三、 資料準備

1、 Smobiler介紹

2、 三款開源軟體原始碼下載

3、 控制元件使用例項

四、 環境搭建到實現HelloWorld

1、 安裝VS2015及以上

2、 安裝Designer

3、 實現HelloWorld

(1) 建立專案

 (2) 執行

常見問題及解決方案

1、掃描二維碼無反應。

2、Failed to emit module 'ElectricityApp'


一、 前言

因為網上的資料對於Smobiler的學習日誌性的文章比較少,為了幫助需要的人我寫這一系列的文章。這是寫Smobiler的第一篇文章,就稍微囉嗦一下。整個app完成之後最終的例項程式碼也會放在最後的那篇文章裡面的。我認為體驗過從零到一的過程才能真正的學到東西。

二、 關於"選擇"

先解釋一下我為什麼會使用C#Smobiler來開發移動app。

本來打算使用網頁三劍客(HTML5、JS、CSS3)和PHP來開發這個移動app的,但是PHP語言的話使用一定的手段是可以看到原始碼的,所以不建議使用這個來開發移動app。除了那種方式以外還有Java和C#(這兩個語言絕大多數是看不到原始碼的)來開發移動app,Java的話我正在努力的學習,還達不到開發app的水平(目前我在建站中使用),於是我選擇了一個比較熟悉的語言C#或者叫.NET,在網上找了Smobiler這個開源的框架。

後面我將會一步一步的模仿“掌上川電”做一個類似的app,希望這個例項可以幫到您。有意見可以評論告訴我哦也可以郵箱聯絡我

[email protected]

三、 資料準備

1、 Smobiler介紹

第一、開源免費。第二、控制元件美觀(比自己短時間做出來的要好得多)操作簡單。第三、跨平臺性強。

視訊教程:https://www.smobiler.com/video1.aspx

Designer下載:https://www.smobiler.com/SmobilerDesigner.exe?v=460.1540354032

Smobiler安卓手機app下載:https://www.smobiler.com/Smobiler.apk?v=4.6.0

Smobiler蘋果手機app下載:itms-services://?action=download-manifest&url=https://www.smobiler.cn/ios/smobiler_smobilercom.plist

2、 三款開源軟體原始碼下載

(更多介紹點開下面Github上的連結根據需求選擇原始碼,如果從下面找不到資源了,可以評論告訴我,我免費贈送給您。如果需要安裝包,在百度搜索以下三個關鍵字都能找到)

1、 SmoOne辦公型別:https://github.com/comsmobiler/SmoONE

專案問題解決:https://www.smobiler.com/forum.php?mod=viewthread&tid=793&page=1&extra=#pid1417

2、 SmoWMS倉庫管理型別:https://github.com/comsmobiler/SmoWMS

3、 SmoSEC資產管理型別:https://github.com/comsmobiler/SmoSEC

SmoSEC簡介:https://www.smobiler.com/solution.html

3、 控制元件使用例項

控制元件介紹通道:https://www.smobiler.com/SmobilerDemo/chart.aspx

原始碼示例通道:https://github.com/comsmobiler/SmobilerTutorials

四、 環境搭建到實現HelloWorld

1、 安裝VS2015及以上

2、 安裝Designer

下載連結在本文上方,下一步下一步安裝完成即可。

3、 實現HelloWorld

(1) 建立專案

安裝完成之後開啟VS,點選新建專案,選擇C#,選擇SmobilerApplication。由於應用的是第三方框架,所以VS會報信任問題,點選信任。將專案名稱設定為ElectricityApp,如果你不喜歡可以設定成其它的。

 接著來到手機介面

在工具箱裡面拖入button控制元件,完成之後滑鼠雙擊這個button。

接著來到了非常熟悉的c#窗體的觸發事件,在這裡設定按鈕的press事件。

 (2) 執行

(如果你想了解一下執行原理,你可以分析一下專案的執行的原始碼,畢竟Smobiler的底層是原生的。)

現在點選啟動。

使用Smobiler這個軟體掃描這裡的二維碼,就可以獲得除錯介面。點選裡邊的button1就得以實現HelloWorld!。

如果你沒有成功,請繼續往下閱讀:

常見問題及解決方案

1、掃描二維碼無反應。

建議在區域網內執行,比如說我的電腦連線的是公司的網路,我的手機也必須連線的是和公司相同網段的網路。

解決方案:可以嘗試,將電腦開啟熱點,使用手機連線。然後再次嘗試掃描二維碼,DNS伺服器解析ip的原因,這裡不在贅述。

2、Failed to emit module 'ElectricityApp'

這個問題表示你的VS環境出問題了,具體原因我沒有找到;

解決方案:解除安裝安裝的VS,在此安裝即可,不需要在安裝SmobilerDesigner了。

控制面板 -》程式 -》解除安裝。

 

本文結束,遇到問題記得告訴我哦~

下一篇文章:Smobiler實現美觀登入介面——C# 或.NET Smobiler例項開發手機app(二)