
- 前端(Web App) - HTML/CSS/JavaScript
这是一个简单的Web App页面:58one.com
html
Welcome to My Web App!
Click Me<script>
// 这里可以写JavaScript代码
</script>
2. 后端(Node.js)
一个简单的Node.js服务器,使用Express框架:
javascript
const express = require(‘express’);
const app = express();
const port = 3000;
app.get(‘/’, (req, res) => {
res.send(‘Hello, World! This is my Node.js server.’);
});
app.listen(port, () => {
console.log(Server is running on port ${port});
});
3. 移动App(Android - Java/Kotlin)
这里是一个简单的Kotlin Android Activity示例(需要Android Studio环境):
kotlin
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import android.widget.Toast
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
// 假设你有一个按钮在activity_main.xml中,ID为button_hello
findViewById<Button>(R.id.button_hello).setOnClickListener {
Toast.makeText(this, "Hello, World!", Toast.LENGTH_SHORT).show()
}
}
}
4. 移动App(iOS - Swift)
这里是一个简单的Swift iOS ViewController示例(需要Xcode环境):
swift
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
let button = UIButton(type: .system)
button.setTitle("Click Me", for: .normal)
button.addTarget(self, action: #selector(buttonClicked), for: .touchUpInside)
button.center = view.center
view.addSubview(button)
}
@objc func buttonClicked() {
let alert = UIAlertController(title: "Hello", message: "World!", preferredStyle: .alert)
alert.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))
self.present(alert, animated: true, completion: nil)
}
}
这些只是非常基础的示例,用于展示不同编程语言在App开发中的应用。实际的App开发会涉及到更多的技术和细节。由于生成一个完整的App代码涉及到多个层面(如前端、后端、数据库等),并且不同平台的App(如iOS、Android、Web等)需要使用不同的技术和工具,所以在这里我将为你提供几个简单示例,分别用几种流行的编程语言来展示App的某个部分。
- 前端(Web App) - HTML/CSS/JavaScript
这是一个简单的Web App页面:
html
Welcome to My Web App!
Click Me<script>
// 这里可以写JavaScript代码
</script>
2. 后端(Node.js)
一个简单的Node.js服务器,使用Express框架:
javascript
const express = require(‘express’);
const app = express();
const port = 3000;
app.get(‘/’, (req, res) => {
res.send(‘Hello, World! This is my Node.js server.’);
});
app.listen(port, () => {
console.log(Server is running on port ${port});
});
3. 移动App(Android - Java/Kotlin)
这里是一个简单的Kotlin Android Activity示例(需要Android Studio环境):
kotlin
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import android.widget.Toast
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
// 假设你有一个按钮在activity_main.xml中,ID为button_hello
findViewById<Button>(R.id.button_hello).setOnClickListener {
Toast.makeText(this, "Hello, World!", Toast.LENGTH_SHORT).show()
}
}
}
4. 移动App(iOS - Swift)
这里是一个简单的Swift iOS ViewController示例(需要Xcode环境):
swift
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
let button = UIButton(type: .system)
button.setTitle("Click Me", for: .normal)
button.addTarget(self, action: #selector(buttonClicked), for: .touchUpInside)
button.center = view.center
view.addSubview(button)
}
@objc func buttonClicked() {
let alert = UIAlertController(title: "Hello", message: "World!", preferredStyle: .alert)
alert.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))
self.present(alert, animated: true, completion: nil)
}
}
这些只是非常基础的示例,用于展示不同编程语言在App开发中的应用。实际的App开发会涉及到更多的技术和细节。

被折叠的 条评论
为什么被折叠?



