Smobiler资料准备与环境搭建——C# 或.NET Smobiler实例开发手机app(一)

时间:2024-03-14 10:16:59

目录

一、 前言

二、 关于"选择"

三、 资料准备

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,如果你不喜欢可以设置成其它的。

Smobiler资料准备与环境搭建——C# 或.NET Smobiler实例开发手机app(一)

 接着来到手机界面

Smobiler资料准备与环境搭建——C# 或.NET Smobiler实例开发手机app(一)

在工具箱里面拖入button控件,完成之后鼠标双击这个button。

Smobiler资料准备与环境搭建——C# 或.NET Smobiler实例开发手机app(一)

接着来到了非常熟悉的c#窗体的触发事件,在这里设置按钮的press事件。

Smobiler资料准备与环境搭建——C# 或.NET Smobiler实例开发手机app(一)

 (2) 运行

(如果你想了解一下运行原理,你可以分析一下项目的运行的源码,毕竟Smobiler的底层是原生的。)

现在点击启动。

Smobiler资料准备与环境搭建——C# 或.NET Smobiler实例开发手机app(一)

使用Smobiler这个软件扫描这里的二维码,就可以获得调试界面。点击里边的button1就得以实现HelloWorld!。

如果你没有成功,请继续往下阅读:

常见问题及解决方案

1、扫描二维码无反应。

建议在局域网内运行,比如说我的电脑连接的是公司的网络,我的手机也必须连接的是和公司相同网段的网络。

解决方案:可以尝试,将电脑打开热点,使用手机连接。然后再次尝试扫描二维码,DNS服务器解析ip的原因,这里不在赘述。

2、Failed to emit module 'ElectricityApp'

Smobiler资料准备与环境搭建——C# 或.NET Smobiler实例开发手机app(一)

这个问题表示你的VS环境出问题了,具体原因我没有找到;

解决方案:卸载安装的VS,在此安装即可,不需要在安装SmobilerDesigner了。

控制面板 -》程序 -》卸载。

 Smobiler资料准备与环境搭建——C# 或.NET Smobiler实例开发手机app(一)

本文结束,遇到问题记得告诉我哦~

下一篇文章:Smobiler实现美观登录界面——C# 或.NET Smobiler实例开发手机app(二)