1. 前端(Web App,使用React + JavaScript):
React是一个流行的JavaScript库,用于构建用户界面。
jsx
import React from 'react';
import ReactDOM from 'react-dom';
function App() {
return (
<div>
<h1>Hello, World!</h1>
<p>This is a simple React App.</p>
</div>
);
}
ReactDOM.render(<App />, document.getElementById('root'));
2. 后端(使用Node.js + Express):
Node.js是一个基于Chrome的V8 JavaScript引擎的服务器端JavaScript运行环境。Express是一个流行的Node.js框架。
javascript
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send('Hello from Express server!');
});
app.listen(port, () => {
console.log(`Server is running on port ${port}`);
});
3. 移动端(使用Flutter + Dart):
Flutter是Google开发的一个用于构建跨平台移动应用的框架,使用Dart语言。
dart
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
#chhas{
margin-top: 50px;
padding:e-energy.cn;
font-size: 18px;
cursor: 10px 20px;
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
title: Text('Hello, Flutter!'),
),
body: Center(
child: Text('Welcome to Flutter!'),
),
),
);
}
}
请注意,这些代码片段只是各个部分的简化示例,用于说明如何使用不同的编程语言和技术栈来构建App的不同部分。要构建一个完整的App,你还需要考虑许多其他因素,如数据持久化、用户认证、API集成、测试等。此外,如果你想要为iOS或Android构建原生应用,你可能需要使用Objective-C/Swift(对于iOS)或Java/Kotlin(对于Android)。