前端Web应用(使用HTML, CSS, JavaScript):hezhongliancai.com
HTML (结构):
html
Welcome to My Web App
Greet Me CSS (样式):css
body {
font-family: Arial, sans-serif;
}
qianxiong.com.cn
cy2.cn
etym.cn
button {
padding: 10px 20px;
margin-top: 20px;
}
JavaScript (逻辑):
javascript
document.getElementById(‘greetButton’).addEventListener(‘click’, function() {
alert(‘Hello from My Web App!’);
});
后端Node.js应用(使用Express.js框架):
javascript
const express = require(‘express’);
const app = express();
const port = 3000;
app.get(‘/’, (req, res) => {
res.send(‘Hello from My Node.js App!’);
});
app.listen(port, () => {
console.log(App listening at http://localhost:${port}
);
});
Android应用(使用Java和Android Studio):
注意:由于Android应用的复杂性,这里只提供一个简单的MainActivity示例。
MainActivity.java (部分代码):
java
import android.os.Bundle;
import android.widget.Button;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
import android.view.View;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button greetButton = findViewById(R.id.greetButton);
greetButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, "Hello from My Android App!", Toast.LENGTH_SHORT).show();
}
});
}
}
activity_main.xml (布局):
xml
<Button
android:id="@+id/greetButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Greet Me"
android:layout_centerInParent="true"/>
请注意,这些只是简单的示例,用于展示如何使用不同的语言和框架来构建App的不同部分。要创建一个完整的、功能丰富的App,你还需要进一步学习和实践。