- 前端 (React Native)qianqutech.com
React Native 用于构建跨平台(Android 和 iOS)的原生应用。
jsx
// React Native 示例:一个简单的按钮
import React from ‘react’;
import { View, Button, Text } from ‘react-native’;
const App = () => {
const handlePress = () => {
alert(‘Button pressed!’);
};
return (
);
};
export default App;
2. 后端 (Node.js + Express)
Node.js 和 Express 用于构建服务器端应用。
javascript
// Node.js + Express 示例:一个简单的GET请求处理器
const express = require(‘express’);
const app = express();
const port = 3000;
app.get(‘/’, (req, res) => {
res.send(‘Hello from Node.js and Express!’);
});
app.listen(port, () => {
console.log(App listening at http://localhost:${port}
);
});
3. 数据库 (MongoDB + Mongoose)
Mongoose 是一个MongoDB的Node.js驱动程序,用于连接和操作MongoDB数据库。
javascript
// Mongoose 示例:连接到MongoDB并获取数据
const mongoose = require(‘mongoose’);
mongoose.connect(‘mongodb://localhost/test’, {useNewUrlParser: true, useUnifiedTopology: true});
const Cat = mongoose.model(‘Cat’, { name: String });
Cat.find({}, function(err, cats) {
if (err) return console.error(err);
console.log(cats);
});
4. 移动原生 (Java for Android)
Java 用于构建Android应用。
java
// Java (Android) 示例:一个简单的按钮点击事件
import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button button = (Button) findViewById(R.id.myButton);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, "Button pressed!", Toast.LENGTH_SHORT).show();
}
});
}
}
5. 移动原生 (Swift for iOS)
Swift 用于构建iOS应用。
swift
// Swift (iOS) 示例:一个简单的按钮点击事件
import UIKit
class ViewController: UIViewController {
@IBAction func buttonPressed(_ sender: Any) {
let alert = UIAlertController(title: "Alert", message: "Button pressed!", preferredStyle: .alert)
let action = UIAlertAction(title: "OK", style: .default, handler: nil)
alert.addAction(action)
self.present(alert, animated: true, completion: nil)
}
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
}
}
请注意,这些示例只是App开发中的一小部分。要构建一个完整的App,你需要将这些部分结合起来,并添加更多的功能和逻辑。生成一个完整的App代码涉及到多个层面,包括前端界面、后端逻辑、数据库交互等。由于篇幅限制,我将为你提供几种常见编程语言的简单示例,展示如何开始构建App的某个部分。
- 前端 (React Native)
React Native 用于构建跨平台(Android 和 iOS)的原生应用。
jsx
// React Native 示例:一个简单的按钮
import React from ‘react’;
import { View, Button, Text } from ‘react-native’;
const App = () => {
const handlePress = () => {
alert(‘Button pressed!’);
};
return (
);
};
export default App;
2. 后端 (Node.js + Express)
Node.js 和 Express 用于构建服务器端应用。
javascript
// Node.js + Express 示例:一个简单的GET请求处理器
const express = require(‘express’);
const app = express();
const port = 3000;
app.get(‘/’, (req, res) => {
res.send(‘Hello from Node.js and Express!’);
});
app.listen(port, () => {
console.log(App listening at http://localhost:${port}
);
});
3. 数据库 (MongoDB + Mongoose)
Mongoose 是一个MongoDB的Node.js驱动程序,用于连接和操作MongoDB数据库。
javascript
// Mongoose 示例:连接到MongoDB并获取数据
const mongoose = require(‘mongoose’);
mongoose.connect(‘mongodb://localhost/test’, {useNewUrlParser: true, useUnifiedTopology: true});
const Cat = mongoose.model(‘Cat’, { name: String });
Cat.find({}, function(err, cats) {
if (err) return console.error(err);
console.log(cats);
});
4. 移动原生 (Java for Android)
Java 用于构建Android应用。
java
// Java (Android) 示例:一个简单的按钮点击事件
import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button button = (Button) findViewById(R.id.myButton);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, "Button pressed!", Toast.LENGTH_SHORT).show();
}
});
}
}
5. 移动原生 (Swift for iOS)
Swift 用于构建iOS应用。
swift
// Swift (iOS) 示例:一个简单的按钮点击事件
import UIKit
class ViewController: UIViewController {
@IBAction func buttonPressed(_ sender: Any) {
let alert = UIAlertController(title: "Alert", message: "Button pressed!", preferredStyle: .alert)
let action = UIAlertAction(title: "OK", style: .default, handler: nil)
alert.addAction(action)
self.present(alert, animated: true, completion: nil)
}
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
}
}
请注意,这些示例只是App开发中的一小部分。要构建一个完整的App,你需要将这些部分结合起来,并添加更多的功能和逻辑。