如何利用blockly源码开发微信小程序

blockly是JS实现的，直接可以在浏览器中使用。

如果只是需要运行blockly的话，用浏览器打开 demos 目录下的网页（indexhtml）就可以了，如果是IE的话，需要允许JS执行。

现在都不用源码搭建了，有简单、快捷的方式。下面我就给你介绍一下；

首先，打开下方中的平台，然后在账号分类中找到“小程序”并点击“查看详情”。

点击后，在新打开的页面中找到如下图中的“前往注册”按钮并点击；

点击后，会再打开一个新页面。然后你需要在新打开页面中，按照提示，填写相关信息，上传相关认证资料等。

完成上述 *** 作后，打开下方中的平台，然后点击“立即开始使用”，然后输入账号、密码进行登陆。（注意：账号密码需要提前向平台方索取，索取方式在下图中的红色箭头所指处）。

登录后，就进入了管理及搭建后台。然后在后台中依次点击 “DIY”—“DIY布局”，然后找一个自己喜欢的模板，然后点击“选用模板”：

选择模板后，设置一下，比如：添加内容、装修页面等等。然后你就可以正常的去推广、运营小程序。用小程序获取盈利了。

Public Class Form1

Inherits SystemWindowsFormsForm

Public filename As String = "英汉词典txt"

Public myword(6500, 1) As String

Public words As Integer = 0

Private Sub Form1_Load(ByVal sender As SystemObject, ByVal e As SystemEventArgs) Handles MyBaseLoad

Dim a As String

Dim b As Integer

Dim i As Integer = 0

Dim n As String

Dim m As String

Dim stringb As Integer

TextBox1Text = ""

TextBox2Text = ""

FileOpen(1, "英汉词典txt", OpenModeInput)

Do While Not EOF(1)

a = LineInput(1)

b = InStr(a, " ")

n = MicrosoftVisualBasicLeft(a, b - 1)

myword(i, 0) = n

ListBox1ItemsAdd(n)

stringb = Len(a) - b

m = Trim(MicrosoftVisualBasicRight(a, stringb))

myword(i, 1) = m

i += 1

Loop

words = i

FileClose(1)

End Sub

Private Sub Button1_Click(ByVal sender As SystemObject, ByVal e As SystemEventArgs) Handles Button1Click

Dim i As Integer = -1

If TextBox1Text = "" Then

MessageBoxShow("不能输入空格，请重新输入")

TextBox2Text = ""

TextBox1Focus()

Exit Sub

Else

For i = i + 1 To words

If LCase(TextBox1Text) = LCase(myword(i, 0)) Then

TextBox2Text = Trim(myword(i, 1))

Exit Sub

End If

Next

MessageBoxShow(" 您需要的单词不存在，请重新输入")

End If

End Sub

Private Sub ListBox1_SelectedIndexChanged(ByVal sender As SystemObject, ByVal e As SystemEventArgs) Handles ListBox1SelectedIndexChanged

Try

TextBox1Text = myword(ListBox1SelectedIndex, 0)

TextBox2Text = Trim(myword(ListBox1SelectedIndex, 1))

Catch ex As Exception

End Try

Exit Sub

End Sub

Private Sub Button3_Click(ByVal sender As SystemObject, ByVal e As SystemEventArgs) Handles Button3Click

Dim ch, enterwords As String

Dim j, m As Integer

If -1 = ListBox1SelectedIndex Then

MsgBox("请选择单词", , "")

ListBox1Focus()

Exit Sub

End If

enterwords = InputBox("请修改单词", "修改单词", Trim(myword(ListBox1SelectedIndex, 0)))

Do While enterwords = ""

m = MsgBox("单词不能为空", MsgBoxStyleRetryCancel, "修改单词")

If m = 4 Then

enterwords = InputBox("请修改单词", "修改单词", Trim(myword(ListBox1SelectedIndex, 0)))

Else

Exit Sub

End If

Loop

ch = InputBox("请修改中文意思", "修改单词", Trim(myword(ListBox1SelectedIndex, 1)))

Do While ch = ""

m = MsgBox("中文意思不能为空", MsgBoxStyleRetryCancel, "修改单词")

If m = 4 Then

ch = InputBox("请修改中文意思", "修改单词", Trim(myword(ListBox1SelectedIndex, 1)))

Else

Exit Sub

End If

Loop

myword(ListBox1SelectedIndex, 1) = ch

myword(ListBox1SelectedIndex, 0) = enterwords

FileOpen(1, filename, OpenModeOutput)

For j = 0 To words - 1

PrintLine(1, myword(j, 0) & " " & myword(j, 1))

Next

FileClose(1)

MsgBox("修改成功")

ListBox1ItemsClear()

Form1_Load(sender, e)

End Sub

Private Sub Button2_Click(ByVal sender As SystemObject, ByVal e As SystemEventArgs) Handles Button2Click

Dim i As Integer = 0

Dim k, m As Integer

Dim enterwords, ch As String

enterwords = InputBox("请输入要添加的单词", "添加单词")

Do While enterwords = ""

m = MsgBox("单词不能为空，请输入单词！", MessageBoxButtonsRetryCancel, "添加单词")

If m = 4 Then

enterwords = InputBox("请输入要添加的单词", "添加单词")

Else

Exit Sub

End If

Loop

ch = InputBox("请输入中文意思", "添加中文")

Do While ch = ""

m = MsgBox("中文不能为空，请输入中文意思！", MessageBoxButtonsRetryCancel, "添加中文")

If m = 4 Then

ch = InputBox("请输入中文意思", "添加中文")

Else

Exit Sub

End If

Loop

Do While LCase(myword(i, 0)) < LCase(enterwords)

i = i + 1

If words = i Then

myword(i, 0) = enterwords

myword(i, 1) = ch

words = words + 1

FileOpen(1, filename, OpenModeOutput)

For i = 0 To words - 1

PrintLine(1, myword(i, 0) & " " & myword(i, 1))

Next

ListBox1ItemsClear()

FileClose(1)

ListBox1ItemsClear()

Form1_Load(sender, e)

MessageBoxShow("添加成功")

Exit Sub

End If

Loop

If LCase(myword(i, 0)) = LCase(enterwords) Then

MessageBoxShow("该单词已存在！")

ListBox1SelectedIndex = i

Exit Sub

ElseIf LCase(myword(0, 0)) > LCase(enterwords) Then

For k = words To 0 Step -1

myword(k + 1, 0) = myword(k, 0)

myword(k + 1, 1) = myword(k, 1)

Next

myword(0, 0) = enterwords

myword(0, 1) = ch

words = words + 1

FileOpen(1, filename, OpenModeOutput)

For i = 0 To words - 1

PrintLine(1, myword(i, 0) & " " & myword(i, 1))

Next

ListBox1ItemsClear()

FileClose(1)

Form1_Load(sender, e)

MessageBoxShow("添加成功")

Exit Sub

End If

For k = words To i + 1 Step -1

myword(k + 1, 0) = myword(k, 0)

myword(k + 1, 1) = myword(k, 1)

Next k

myword(i, 0) = enterwords

myword(i, 1) = ch

words = words + 1

FileOpen(1, filename, OpenModeOutput)

For i = 0 To words - 1

PrintLine(1, myword(i, 0) & " " & myword(i, 1))

Next

FileClose(1)

ListBox1ItemsClear()

Form1_Load(sender, e)

MessageBoxShow("添加成功")

Exit Sub

End Sub

Private Sub Button4_Click(ByVal sender As SystemObject, ByVal e As SystemEventArgs) Handles Button4Click

Dim i, j, k As Integer

If -1 = ListBox1SelectedIndex Then

MsgBox("请选择单词", , "")

ListBox1Focus()

Exit Sub

End If

k = MsgBox("确定是否删除", MsgBoxStyleYesNo, "提示")

If k = 6 Then

For i = ListBox1SelectedIndex To words

myword(i, 0) = myword(i + 1, 0)

myword(i, 1) = myword(i + 1, 1)

Next

words = words - 1

FileOpen(1, filename, OpenModeOutput)

For j = 0 To words - 1

PrintLine(1, myword(j, 0) & " " & myword(j, 1))

Next

FileClose(1)

MsgBox("单词已删除")

ListBox1ItemsRemoveAt(ListBox1SelectedIndex)

ListBox1Refresh()

TextBox1Text = ""

TextBox2Text = ""

Exit Sub

Else

Exit Sub

End If

End Sub

Private Sub Button5_Click(ByVal sender As SystemObject, ByVal e As SystemEventArgs) Handles Button5Click

TextBox1Text = ""

TextBox2Text = ""

End Sub

End Class

这是代码，文字性的内容自己去做。

（小应用程序）

采用Java创建的基于HTML的程序。浏览器将其暂时下载到用户的硬盘上，并在Web页打开时在本地运行。

可通过因特网下载并在接收计算机上运行的一小段程序。小应用程序通常用Java语言编写并运行在浏览器软件中，applet典型用于为万维网网页页面定制或添加交互格式元素。Applet可以翻译为小应用程序,可通过因特网下载并在接收计算机上运行的一小段程序。,Java Applet就是用Java语言编写的这样的一些小应用程序，它们可以直接嵌入到网页中，并能够产生特殊的效果。包含Applet的网页被称为Java- powered页，可以称其为Java支持的网页。

当用户访问这样的网页时, Applet被下载到用户的计算机上执行，但前提是用户使用的是支持Java的网络l浏览器。由于Applet是在用户的计算机上执行的，因此它的执行速度不受网络带宽或者Modem存取速度的限制。用户可以更好地欣赏网页上Applet产生的多媒体效果。

在Java Applet中，可以实现图形绘制，字体和颜色控制，动画和声音的插入，人机交互及网络交流等功能。 Applet还提供了名为抽象窗口工具箱（Abstract Window Toolkit， AWT）的窗口环境开发工具。 AWT利用用户计算机的GUI元素，可以建立标准的图形用户界面，如窗口、按钮、滚动条等等。目前，在网络上有非常多的Applet范例来生动地展现这些功能，读者可以去调阅相应的网页以观看它们的效果。

Applet的工作原理

含有Applet的网页的HTML文件代码中部带有<applet> 和</applet>这样一对标记，当支持Java的网络浏览器遇到这对标记时，就将下载相应的小应用程序代码并在本地计算机上执行该Applet。

Java Applet 是用Java 语言编写的一些小应用程序，这些程序是直接嵌入到页面中，由支持Java的浏览器(IE 或 Nescape)解释执行能够产生特殊效果的程序。它可以大大提高Web页面的交互能力和动态执行能力。包含Applet的网页被称为Java- powered页，可以称其为Java支持的网页。

当用户访问这样的网页时，Applet被下载到用户的计算机上执行，但前提是用户使用的是支持Java的网络浏览器。由于Applet是在用户的计算机上执行的，所以它的执行速度不受网络带宽或者Modem存取速度的限制，用户可以更好地欣赏网页上Applet产生的多媒体效果。

Applet 小应用程序的实现主要依靠javaapplet 包中的Applet类。与一般的应用程序不同，Applet应用程序必须嵌入在HTML页面中，才能得到解释执行；同时Applet可以从Web页面中获得参数，并和Web页面进行交互。

含有Applet的网页的HTML文件代码中必须带有<applet>和</applet>这样一对标记，当支持Java的网络浏览器遇到这对标记时，就将下载相应的小程序代码并在本地计算机上执行该Applet小程序。

Applet是一种Java的小程序，它通过使用该Applet的HTML文件，由支持Java的网页浏览器下载运行。也可以通过java开发工具的 appletviewer来运行。Applet 程序离不开使用它的HTML文件。这个HTML文件中关于Applet的信息至少应包含以下三点：

1)字节码文件名(编译后的Java文件，以class为后缀)

2)字节码文件的地址

3)在网页上显示Applet的方式。

一个HTML文件增加Applet有关的内容只是使网页更加富有生气，如添加声音、动画等这些吸引人的特征，它并不会改变HTML文件中与Applet无关的元素。

(一) Applet程序开发步骤

Applet程序开发主要步骤如下：

1)选用EDIT或Windows Notepad等工具作为编辑器建立Java Applet源程序。

2)把Applet的源程序转换为字节码文件。

3)编制使用class 的HTML文件。在HTML文件内放入必要的<APPLET>语句。

下面举一个最简单的HelloWorld 例子来说明Applet程序的开发过程：

(1) 编辑Applet 的java源文件

创建文件夹C:\ghq，在该文件夹下建立 HelloWorldjava

文件的源代码如下：

import javaawt;

import javaapplet;

public class HelloWorld extends Applet //继承Appelet类，这是Appelet Java程序的特点

{

public void paint(Graphics g )

{

gdrawString("Hello World!",5,35)；

}

}

保存上述程序在C:\ghq\HelloWorldjava文件里。

(2)编译Applet

编译HelloWorldjava源文件可使用如下JDK命令：

C:\ghq\>javac HelloWorldjava<Enter>

注意：如果编写的源程序违反了Java编程语言的语法规则，Java编译器将在屏幕上显示语法错误提示信息。源文件中必须不含任何语法错误，Java编译器才能成功地把源程序转换为appletviewer和浏览器能够执行的字节码程序。

成功地编译Java applet之后生成响应的字节码文件HelloWorldclass的文件。用资源管理器或DIR命令列出目录列表，将会发现目录C:\ghq中多了一个名为HelloWorldclass的文件。

(3)创建HTML文件

在运行创建的HelloWorldclass 之前，还需创建一个HTML文件，appletviewer或浏览器将通过该文件访问创建的Applet。为运行HelloWorldclass, 需要创建包含如下HTML语句的名为HelloWorldhtml的文件。

<HTML>

<TITLE>HelloWorld! Applet</TITLE>

<APPLET

CODE="JavaWorldclass"

WIDTH=200

HEIGHT=100>

</APPLET>

</HTML>

本例中，<APPLET>语句指明该Applet字节码类文件名和以像素为单位的窗口的尺寸。虽然这里HTML文件使用的文件名为 HelloWorldHTML，它对应于HelloWorldjava的名字，但这种对应关系不是必须的，可以用其他的任何名字(比如说 GhqHTML)命名该HTML文件。但是使文件名保持一种对应关系可给文件的管理带来方便。

(4)执行 HelloWorldhtml

如果用appletviewer运行HelloWorldhtml,需输入如下的命令行：

C:\ghq\>appletviewer JavaWorldhtml<ENTER>

可以看出，该命令启动了appletviewer并指明了HTML文件，该HTML文件中包含对应于HelloWorld 的<APPLET>语句。

如果用浏览器运行HelloWorld Applet,需在浏览器的地址栏中输入HTML文件URL地址。

至此，一个Applet程序的开发运行整个过程结束了(包括java源文件、编译的class文件、html文件以及用appletviewer或用浏览器运行)。

(二) Applet类

Applet类是所有Applet应用的基类，所有的Java小应用程序都必须继承该类。如下所示。

import java applet;

public class OurApplet extends Applet

{

}

Applet类的构造函数只有一种，即：public Applet()

Applet实现了很多基本的方法，下面列出了Applet类中常用方法和用途。

public final void setStub(AppletStub stub)

//设置Applet的stubstub是Java和C之间转换参数并返回值的代码位，它是由系统自动设定的。

public boolean isActive();// 判断一个Applet是否处于活动状态。

public URL getDocumentBase();// 检索表示该Applet运行的文件目录的对象。

public URL getCodeBase();// 获取该Applet 代码的URL地址。

public String getParameter(String name)；// 获取该Applet 由name指定参数的值。

public AppletContext getAppletContext()；// 返回浏览器或小应用程序观察器。

public void resize(int width,int height)；// 调整Applet运行的窗口尺寸。

public void resize(Dimension d)；// 调整Applet运行的窗口尺寸。

public void showStatus(String msg)；// 在浏览器的状态条中显示指定的信息。

public Image getImage(URL url)； // 按url指定的地址装入图象。

public Image getImage(URL url,String name)；// 按url指定的地址和文件名加载图像。

public AudioClip getAudioClip(URL url)；// 按url指定的地址获取声音文件。

public AudioClip getAudioClip(URL url, String name)；// 按url指定的地址和文件名获取声音。

public String getAppletInfo()；// 返回Applet应用有关的作者、版本和版权方面的信息；

public String[][] getParameterInfo()；

// 返回描述Applet参数的字符串数组，该数组通常包含三个字符串： 参数名、该参数所需值的类型和该参数的说明。

public void play(URL url)；// 加载并播放一个url指定的音频剪辑。

public void destroy()；//撤消Applet及其所占用的资源。若该Applet是活动的，则先终止该Applet的运行。

(1) Applet运行状态控制基本方法

Applet类中的四种基本方法用来控制其运行状态：init()、start()、stop()、destroy()

init()方法

这个方法主要是为Applet的正常运行做一些初始化工作。当一个Applet被系统调用时，系统首先调用的就是该方法。通常可以在该方法中完成从网页向Applet传递参数，添加用户界面的基本组件等 *** 作。

start()方法

系统在调用完init()方法之后，将自动调用start()方法。而且，每当用户离开包含该Applet的主页后又再返回时，系统又会再执行一遍 start()方法。这就意味着start()方法可以被多次执行，而不像init()方法。因此，可把只希望执行一遍的代码放在init()方法中。可以在start()方法中开始一个线程，如继续一个动画、声音等。

stop()方法

这个方法在用户离开Applet所在页面时执行，因此，它也是可以被多次执行的。它使你可以在用户并不注意Applet的时候，停止一些耗用系统资源的工作以免影响系统的运行速度，且并不需要人为地去调用该方法。如果Applet中不包含动画、声音等程序，通常也不必实现该方法。

destroy()方法

与对象的finalize()方法不同，Java在浏览器关闭的时候才调用该方法。Applet是嵌在HTML文件中的，所以destroty()方法不关心何时Applet被关闭，它在浏览器关闭的时候自动执行。在destroy()方法中一般可以要求收回占用的非内存独立资源。(如果在 Applet仍在运行时浏览器被关闭，系统将先执行stop()方法，再执行destroy()方法。

(2) Applet应用的有关参数说明

利用Applet来接收从HTML中传递过来的参数,下面对这些参数作一简单说明：

CODE标志

CODE标志指定Applet的类名；WIDTH和HEIGHT标志指定Applet窗口的像素尺寸。在APPLET语句里还可使用其他一些标志。

CODEBASE 标志

CODEBASE标志指定Applet的URL地址。Applet的通用资源定位地址URL，它可以是绝对地址，如的效果如何，相信会使人流连忘返的。 >

1进入微信公众平台，注册小程序账号，根据提示填写对应的信息即可。

2注册成功后进入首页，在小程序发布流程->小程序开发与管理->配置服务器中，点击“开发者设置”。

3会获得一个AppID，记录AppID，后面创建项目时会用到。

注意：如果要以非管理员微信号在手机上体验该小程序，那么我们还需要 *** 作“绑定开发者”。即在“用户身份”-“开发者”模块，绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号

二、下载微信web开发者工具

为了帮助开发者简单和高效地开发，微信小程序推出了全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能。1下载页面：t=201715根据系统，选择对应的工具版本下载2工具包含编辑、调试和项目三个页卡：（1）编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本 *** 作（2）程序调试主要有三大功能区：模拟器、调试工具和小程序 *** 作区（3）项目页卡主要有三大功能：显示当前项目细节、提交预览和提交上传和项目配置

注意：启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有的 *** 作都会基于这个微信帐号

三、编写小程序实例

1实例目录结构

2实例文件说明及源码一个小程序包含一个app（主体部分）和多个page（页面）（1）app是用来描述整体程序的，由三个文件组成，js后缀的是脚本文件，json后缀的文件是配置文件，wxss后缀的是样式表文件，必须放在项目的根目录。appjs是小程序的脚本代码（必须），可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量，调用框架提供的丰富的API。

appjson是对整个小程序的全局配置（必须），用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。微信小程序中的每一个页面的路径+页面名都需要写在appjson的pages中，且pages中的第一个页面是小程序的首页。

appwxss是整个小程序的公共样式表（非必须）。

（2）page是用来描述页面，一个页面由四个文件组成，这里以首页index为例，每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：indexjs、indexwxml、indexwxss、indexjson。js后缀的文件是脚本文件，json后缀的文件是配置文件，wxss后缀的是样式表文件，wxml后缀的文件是页面结构文件。indexjs是页面的脚本文件（必须），在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。

indexwxml是页面结构文件（必须）。

indexwxss是页面样式表文件（非必须），当有页面样式表时，页面的样式表中的样式规则会层叠覆盖appwxss中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用appwxss中指定的样式规则。

indexjson是页面配置文件（非必须），当有页面的配置文件时，配置项在该页面会覆盖appjson的window中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用appjson中的默认配置。这里无需指定。Tips：a为了方便开发者减少配置项，小程序规定描述页面的这四个文件必须具有相同的路径与文件名b小程序提供了丰富的API，可以根据自己需求选择

四、测试小程序实例

1打开微信web开发者工具，选择“本地小程序项目”。2填写小程序的AppID，项目名称，选择第三步写好的小程序实例文件夹，点击“添加项目”。3如果出现如下效果，那么恭喜你，你的第一个小程序项目已经编写成功了！点击左侧边栏“编辑”，还可以在右侧编辑窗口直接对代码进行修改，保存（CTRL+S）后刷新（F5）即可生效。

4如果想看小程序项目在手机上的效果，点击左侧边栏“项目”，点击“预览”生成二维码，打开微信扫描，就可以看到了。

编译的小程序没有明确的源码，但是可以通过反编译小程序获得其源码。简单来说，反编译是将已编译的代码还原为源代码的过程。反编译小程序需要使用相应的反编译工具或技术。反编译后得到的代码可能会有一些损失或不完整，但足以让开发者了解小程序的实现细节和代码逻辑。但需要注意的是，对于保护隐私和知识产权的考量，反编译小程序是受到法律限制的，只有在法律允许的前提下进行反编译和使用。如果你需要使用小程序中的某些功能或者使用小程序的代码，建议先了解相关法律规定，以免侵犯别人的权利或者被遭到侵权诉讼。

自助搭建可以去看下悟空源码，那里代理可以提供微信小程序自助开发，不限制数量，商城小程序，门店小程序，外卖小程序，拼团小程序，同城信息小程序，企业官网小程序等等都可以一键制作。他们还提供微信开发，微网站开发等等~

以上就是关于如何利用blockly源码开发微信小程序全部的内容，包括:如何利用blockly源码开发微信小程序、如何用源码搭建微信小程序、用VB语言制作英汉小辞典等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！