在线起名网站源码
时间 : 2024-01-11 12:01:03声明： : 文章内容来自网络，不保证准确性，请自行甄别信息有效性
最佳答案
以下是一个简单的在线起名网站的源码示例，使用Python编写，并使用了Flask框架和SQLite数据库：
app.py
from flask import Flask, render_template, request, flash
from flask_sqlalchemy import SQLAlchemy
app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret_key'
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///names.db'
db = SQLAlchemy(app)
class Name(db.Model):
id = db.Column(db.Integer, primary_key=True)
name = db.Column(db.String(100), unique=True)
def __init__(self, name):
self.name = name
@app.route('/', methods=['GET', 'POST'])
def index():
if request.method == 'POST':
name = request.form['name']
if name:
new_name = Name(name)
db.session.add(new_name)
db.session.commit()
flash('Name added successfully!', 'success')
else:
flash('Please enter a name!', 'danger')
names = Name.query.all()
return render_template('index.html', names=names)
if __name__ == '__main__':
db.create_all()
app.run(debug=True)
index.html
<!DOCTYPE html>
<html>
<head>
<title>Online Name Generator</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1 class="my-4">Online Name Generator</h1>
{% with messages = get_flashed_messages() %}
{% if messages %}
<div class="alert alert-{{ messages[0][1] }}">
{{ messages[0][0] }}
</div>
{% endif %}
{% endwith %}
<form method="POST" action="/">
<div class="form-group">
<input type="text" name="name" class="form-control" placeholder="Enter a name">
</div>
<button type="submit" class="btn btn-primary">Add Name</button>
</form>
<h2 class="my-4">Generated Names:</h2>
<ul>
{% for name in names %}
<li>{{ name.name }}</li>
{% endfor %}
</ul>
</div>
</body>
</html>
请注意，这个示例仅提供了一个非常简单的功能，只能添加和展示起的名字。如果你想要更加复杂和完整的功能，你可以根据需要进行自定义和扩展。
其他答案
以下是一个简单的在线起名网站的源代码示例，你可以根据自己的需求进行修改和优化：
HTML部分：
在线起名网站 在线起名网站
CSS部分（styles.css）：
body {
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
margin-top: 50px;
}
form {
text-align: center;
margin-top: 50px;
}
select {
margin-bottom: 10px;
}
#result {
text-align: center;
margin-top: 50px;
}
#generatedName {
font-weight: bold;
font-size: 24px;
}JavaScript部分（script.js）：
```javascript
document.getElementById('nameForm').addEventListener('submit', function(event) {
event.preventDefault();
// 获取用户输入的姓氏和性别
var firstName = document.getElementById('firstName').value;
var gender = document.getElementById('gender').value;
// 向后端发送请求，获取生成的名字
var xhr = new XMLHttpRequest();
xhr.open('GET', 'generate_name.php?firstName=' + encodeURIComponent(firstName) + '&gender=' + encodeURIComponent(gender));
xhr.onload = function() {
if (xhr.status === 200) {
var generatedName = xhr.responseText;
// 显示生成的名字
document.getElementById('generatedName').textContent = generatedName;
document.getElementById('result').style.display = 'block';
}
};
xhr.send();
});
需要注意的是，这只是一个简化的示例，真正的起名网站可能需要更多的功能和复杂的后台处理逻辑。你可以根据自己的需求进行修改和扩展。另外，你还需要创建一个后端脚本（如generate_name.php）来处理用户的请求并返回生成的名字。
上一篇
宝宝取名软件源码大全
下一篇
取名付费源码是什么意思
https/SSL证书广告优选IDC>>
推荐主题模板更多>>
推荐文章
