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'

3、 关于手机端调试图片不显示的问题


一、 前言

因为网上的资料对于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(一)_第1张图片

 接着来到手机界面

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

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

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

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

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

 (2) 运行

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

现在点击启动。

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

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

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

常见问题及解决方案

1、扫描二维码无反应。

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

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

2、Failed to emit module 'ElectricityApp'

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

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

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

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

3、 关于手机端调试图片不显示的问题

如果你已经保证了电脑和手机端在同一网段,调试时图片仍然不显示,那么请关闭电脑防火墙,该问题解决!

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

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

你可能感兴趣的:(Smobiler)