- 前端(用户界面)mmcml.com
JavaScript (React Native)
React Native允许你使用JavaScript和React构建原生应用。
jsx
import React from ‘react’;
import { View, Text, Button } from ‘react-native’;
const App = () => {
return (
<Button title=“Press Me” onPress={() => alert(‘Button Pressed!’)} />
);
};
export default App;
Swift (iOS)
Swift是iOS应用开发的主要语言。
swift
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
let label = UILabel()
label.text = "Hello, World!"
label.center = self.view.center
self.view.addSubview(label)
}
}
Kotlin (Android)
Kotlin是Android开发的官方推荐语言。
kotlin
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import android.widget.Button
import android.widget.TextView
import android.view.View.OnClickListener
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val textView: TextView = findViewById(R.id.textView)
textView.text = "Hello, World!"
val button: Button = findViewById(R.id.button)
button.setOnClickListener(OnClickListener {
toast("Button Pressed!")
})
}
private fun toast(message: String) {
Toast.makeText(this, message, Toast.LENGTH_SHORT).show()
}
}
2. 后端(服务器逻辑)
Python (Flask)
Flask是一个轻量级的Python Web框架。
python
from flask import Flask, request, jsonify
app = Flask(name)
@app.route(‘/api/hello’, methods=[‘GET’])
def hello():
return jsonify({‘message’: ‘Hello, World!’})
if name == ‘main’:
app.run(debug=True)
Node.js (Express)
Express是一个流行的Node.js Web框架。
javascript
const express = require(‘express’);
const app = express();
app.get(‘/api/hello’, (req, res) => {
res.json({ message: ‘Hello, World!’ });
});
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
console.log(Server is running on port ${PORT}.
);
});
3. 数据库(存储数据)
数据库的选择和使用会根据你的具体需求而变化,但这里是一个使用MongoDB和Node.js的Mongoose库的简单示例。
Node.js (Mongoose)
javascript
const mongoose = require(‘mongoose’);
mongoose.connect(‘mongodb://localhost/test’, {useNewUrlParser: true, useUnifiedTopology: true});
const Cat = mongoose.model(‘Cat’, { name: String });
const kitty = new Cat({ name: ‘Zildjian’ });
kitty.save().then(() => console.log(‘meow’));
请注意,这些只是简单的示例,用于展示如何在不同语言中实现app的不同部分。要创建一个完整的app,你需要将这些部分组合在一起,并添加更多的功能和错误处理。由于创建一个完整的app涉及到很多步骤和多种技术(如前端、后端、数据库、界面设计等),以及具体的实现会根据你所选择的平台和语言而变化,我不能在这里为每一种语言都提供一个完整的app代码。但我可以为你提供一些基本的概念和示例代码片段,这些代码片段可以在不同语言中用于构建app的一部分。
- 前端(用户界面)
JavaScript (React Native)
React Native允许你使用JavaScript和React构建原生应用。
jsx
import React from ‘react’;
import { View, Text, Button } from ‘react-native’;
const App = () => {
return (
<Button title=“Press Me” onPress={() => alert(‘Button Pressed!’)} />
);
};
export default App;
Swift (iOS)
Swift是iOS应用开发的主要语言。
swift
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
let label = UILabel()
label.text = "Hello, World!"
label.center = self.view.center
self.view.addSubview(label)
}
}
Kotlin (Android)
Kotlin是Android开发的官方推荐语言。
kotlin
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import android.widget.Button
import android.widget.TextView
import android.view.View.OnClickListener
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val textView: TextView = findViewById(R.id.textView)
textView.text = "Hello, World!"
val button: Button = findViewById(R.id.button)
button.setOnClickListener(OnClickListener {
toast("Button Pressed!")
})
}
private fun toast(message: String) {
Toast.makeText(this, message, Toast.LENGTH_SHORT).show()
}
}
2. 后端(服务器逻辑)
Python (Flask)
Flask是一个轻量级的Python Web框架。
python
from flask import Flask, request, jsonify
app = Flask(name)
@app.route(‘/api/hello’, methods=[‘GET’])
def hello():
return jsonify({‘message’: ‘Hello, World!’})
if name == ‘main’:
app.run(debug=True)
Node.js (Express)
Express是一个流行的Node.js Web框架。
javascript
const express = require(‘express’);
const app = express();
app.get(‘/api/hello’, (req, res) => {
res.json({ message: ‘Hello, World!’ });
});
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
console.log(Server is running on port ${PORT}.
);
});
3. 数据库(存储数据)
数据库的选择和使用会根据你的具体需求而变化,但这里是一个使用MongoDB和Node.js的Mongoose库的简单示例。
Node.js (Mongoose)
javascript
const mongoose = require(‘mongoose’);
mongoose.connect(‘mongodb://localhost/test’, {useNewUrlParser: true, useUnifiedTopology: true});
const Cat = mongoose.model(‘Cat’, { name: String });
const kitty = new Cat({ name: ‘Zildjian’ });
kitty.save().then(() => console.log(‘meow’));
请注意,这些只是简单的示例,用于展示如何在不同语言中实现app的不同部分。要创建一个完整的app,你需要将这些部分组合在一起,并添加更多的功能和错误处理。