企业官网建设流程全解析

1. Kivy

这个部分的简要解释说明, Kivy属于开源类型的库范畴, 它的用途主要是为了开发那些具备多点触控功能的应用程序, 并且它支持的平台方面, 包括了Linux系统、OS X系统以及iOS系统这些。

特点：

示例代码：

from kivy.app import App

from kivy.uix.button import Button

class MyApp(App):

def build(self):

# 创建一个按钮

button = Button(text='Hello World', font_size=20)

return button

if __name__ == '__main__':

MyApp().run()

在运行之后, 会弹出来一个窗口, 这个窗口里会显示一个按钮, 该按钮上带有“Hello World”这样的文本内容。

2.

简介: 它是一套工具和库，用于使用编写原生应用程序。它可以生成iOS设备应用程序、macOS电脑应用程序以及设备应用程序。

特点：

示例代码：

import toga

from toga.style import Pack

from toga.style.pack import COLUMN, ROW

def button_handler(widget):

print("Button clicked")

def build(app):

box = toga.Box(style=Pack(direction=COLUMN))

button = toga.Button('Hello world', on_press=button_handler, style=Pack(padding=50))

box.add(button)

return box

def main():

app = toga.App('First App', 'org.pybee.helloworld', startup=build)

return app

if __name__ == '__main__':

app = main()

app.main_loop()

当运行程序之后, 就会弹出一个窗口。这个窗口里会显示一个按钮, 按钮上面带有“Hello world”文本。接下来, 当你点击这个按钮的时候, 系统会在控制台输出“ ”。

3. PyQT

简介部分是这么一个情况, PyQt是一种专门用来构建图形用户界面的工具包, 这个玩意儿的底层基础是依赖于Qt库的, 正因为它的这个架构设定, 程序员们可以利用它来开发出可以在不同操作系统上面都能够正常运行的跨平台的应用程序。

特点：

示例代码：

import sys

from PyQt5.QtWidgets import QApplication, QWidget, QPushButton

class MyApp(QWidget):

def __init__(self):

super().__init__()

self.initUI()

def initUI(self):

btn = QPushButton('Hello World', self)

btn.resize(btn.sizeHint())

btn.move(50, 50)

self.setGeometry(300, 300, 300, 200)

self.setWindowTitle('PyQt Example')

self.show()

if __name__ == '__main__':

app = QApplication(sys.argv)

ex = MyApp()

sys.exit(app.exec_())

在运行之后, 会弹出来一个窗口, 这个窗口里会显示一个按钮, 该按钮上带有“Hello World”这样的文本内容。

4. Flask + React

简介, Flask是一个轻量级的Web框架, React是一个用于构建原生移动应用的框架。结合这两个东西是可以实现前后端分离的移动应用开发的。

特点：

from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/api/hello', methods=['GET'])

def hello():

return jsonify({'message': 'Hello World'})

if __name__ == '__main__':

app.run(debug=True)

在前端, 也就是 React这一部分:

import React, { useEffect, useState } from 'react';

import { View, Text, Button } from 'react-native';

const App = () => {

const [message, setMessage] = useState('');

useEffect(() => {

fetch('http://localhost:5000/api/hello')

.then(response => response.json())

.then(data => setMessage(data.message));

}, []);

return (

<View>

<Text>{message}Text>

<Button title="Refresh" onPress={() => setMessage('')} />

View>

);

};

export default App;

运行这个程序，屏幕上会出现一个网页, 在这个页面上能够看到写有 “Hello World” 这几个字的文本内容, 要是点击那个名为"" 的按钮, 系统又会去重新获取一次数据信息。

5. REST + React

简而言之, REST 这个框架的功能非常强大, 而且它主要是用来构建 API 应用的。React 则是另外一个框架, 专门被用来构建那些能够在原生设备上运行的移动应用产品。

当把这两个技术结合起来之后, 就可以实现这样一种移动应用开发模式。在这种开发模式下, 前端的界面展示部分和后端的业务数据处理部分会被分离开来, 分别进行独立的工作和部署。

特点：

示例用的那种代码, 是在后端这个部分弄的, 而且用的是REST这种形式。

# views.py

from rest_framework.views import APIView

from rest_framework.response import Response

class HelloView(APIView):

def get(self, request):

return Response({'message': 'Hello World'})

# urls.py

from django.urls import path

from .views import HelloView

urlpatterns = [

path('api/hello/', HelloView.as_view(), name='hello'),

]

在前端, 也就是 React这一部分:

import React, { useEffect, useState } from 'react';

import { View, Text, Button } from 'react-native';

const App = () => {

const [message, setMessage] = useState('');

useEffect(() => {

fetch('http://localhost:8000/api/hello/')

.then(response => response.json())

.then(data => setMessage(data.message));

}, []);

return (

<View>

<Text>{message}Text>

<Button title="Refresh" onPress={() => setMessage('')} />

View>

);

};

export default App;

运行这个程序，屏幕上会出现一个网页, 在这个页面上能够看到写有 “Hello World” 这几个字的文本内容, 要是点击那个名为"" 的按钮, 系统又会去重新获取一次数据信息。

6.

这个库的简介是, 它允许调用Java代码, 因此它可以用于开发应用。

特点：

示例代码：

from jnius import autoclass

# 加载Java类

PythonActivity = autoclass('org.kivy.android.PythonActivity')

activity = PythonActivity.mActivity

# 调用Java方法

activity.setTitle('Hello World')

一旦它运行起来, 就会把那个程序的标题改成“Hello World”这个说法, 所以应用的名字就成了“Hello World”。

7.

这是一个用来开发游戏的工具库。它的重点是用来给电脑上的游戏做开发的。不过呢, 它拿来做那种很简单的手机游戏开发, 也是没有问题的。

特点：

示例代码：

import pygame

import sys

# 初始化Pygame

pygame.init()

# 设置窗口大小

screen = pygame.display.set_mode((400, 300))

pygame.display.set_caption('Hello Pygame')

# 游戏循环

running = True

while running:

for event in pygame.event.get():

if event.type == pygame.QUIT:

running = False

screen.fill((255, 255, 255)) # 填充背景色

pygame.draw.circle(screen, (0, 0, 255), (200, 150), 75) # 绘制圆圈

pygame.display.flip() # 更新屏幕

pygame.quit()

sys.exit()

在运行完毕之后, 会弹出来一个新的窗口, 在这个窗口里面, 能够显示出一个背景是白色、中间还有一个蓝色圆圈的东西。

8. + Kivy

该简介指出, 可以通过将Kivy用于复杂的开发应用创建过程, 借助其界面设计功能与Java语言调用性能来实现目标。

特点：

示例代码：

from kivy.app import App

from kivy.uix.label import Label

from jnius import autoclass

class MyAndroidApp(App):

def build(self):

# 加载Java类

PythonActivity = autoclass('org.kivy.android.PythonActivity')

activity = PythonActivity.mActivity

# 调用Java方法

activity.setTitle('Hello Android')

# 创建一个标签

label = Label(text='Hello Kivy')

return label

if __name__ == '__main__':

MyAndroidApp().run()

当程序运行起来以后, 它会把这个应用的标题内容改成是“Hello ”这样一个情况, 同时呢, 还会去把一个文本标记给显示出来。在这个文本标记里面, 它所包含的文字信息就是具体的“Hello Kivy”。

9.

这个简介说它是一个库, 这个库允许人们去调用C语言写的代码, 它还可以被用来开发属于苹果公司的iOS系统的应用程序。

特点：

示例代码：

from pyobjus import autoclass

# 加载Objective-C类

UIApplication = autoclass('UIApplication')

NSString = autoclass('NSString')

# 获取共享应用实例

app = UIApplication.sharedApplication()

# 设置应用标题

title = NSString.stringWithUTF8String_('Hello iOS')

app.keyWindow.rootViewController.title = title

这个操作运行成功之后, 会起到一个作用, 那一个作用就是把你手机的iOS应用这个整体的标题直接设置成为“Hello iOS”这一组文字。

10. Flask + Ionic

简单说一下, Flask属于那种轻便的WEB开发框架类型, 而Ionic呢, 它是专门用来搞混合式移动应用开发的框架把这两个东西放在一起用可以弄出前后端分开的移动APP。

特点：

作为示例代码来说, 它的后端部分使用的是Flask这个框架。

from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/api/hello', methods=['GET'])

def hello():

return jsonify({'message': 'Hello World'})

if __name__ == '__main__':

app.run(debug=True)

前端部分, 使用的是一个叫做Ionic的框架。

import { Component, OnInit } from '@angular/core';

import { HttpClient } from '@angular/common/http';

@Component({

selector: 'app-root',

template: `

`,

})

export class AppComponent implements OnInit {

message: string;

constructor(private http: HttpClient) {}

ngOnInit() {

this.http.get('http://localhost:5000/api/hello').subscribe((data: any) => {

this.message = data.message;

});

}

}

在进行了运行操作之后, 就会出现一个页面, 这个页面上面会显示有文字内容, 而这个文字内容就是“Hello World”。

这是一个实战案例的内容, 具体来说就是去开发一个天气预报应用。

假设我们打算去开发一款天气预报应用的软件, 在这个软件的开发工作当中, 我们可以选择使用Flask这个工具来担任后端的角色, 同时呢, 我们也能选择使用Ionic这个工具来担任前端的角色。

后端的方面, 也就是Flask这里的情况是。

from flask import Flask, jsonify, request

import requests

app = Flask(__name__)

@app.route('/api/weather', methods=['GET'])

def weather():

city = request.args.get('city', 'New York')

api_key = 'YOUR_API_KEY'

url = f'http://api.openweathermap.org/data/2.5/weather?

q={city}&appid={api_key}&units=metric'

response = requests.get(url)

data = response.json()

return jsonify({

'city': data['name'],

'temperature': data['main']['temp'],

'description': data['weather'][0]['description']

})

if __name__ == '__main__':

app.run(debug=True)

前端部分, 使用的是一个叫做Ionic的框架。

import { Component, OnInit } from '@angular/core';

import { HttpClient } from '@angular/common/http';

@Component({

selector: 'app-root',

template: `

Weather App

Get Weather

`, }) export class AppComponent implements OnInit { city: string; weather: any; constructor(private http: HttpClient) {} ngOnInit() {} getWeather() { this.http.get(`http://localhost:5000/api/weather?city=${this.city}`).subscribe((data: any) => { this.weather = data; }); } }

在用户把城市的名字输进去之后, 按下那个叫做“Get ”的按钮, 系统就会把天气信息展示出来, 这里面包含了温度是多少以及具体的描述情况。

总结

这篇文章给大家说清楚了10个, 是适合开发者来用的, 跨平台的移动开发框架, 具体的名单里头列出来了, 包含有Kivy, 还有PyQT, 以及Flask配合React这种方式, 另外还得有REST加上React这种组合, 最后还提到了一个, 空了格的地方没写名字但是跟Kivy搭配起来的办法, 再就是那个Flask加上Ionic的方案, 每一个框架都有它自己特别的好处, 也都是在一定的场合下才合适去用, 所以开发者就得照着他们自己的实际情况, 好好的挑出一个最合适的。