移除 mvcar 目录，已独立为单独仓库
This commit is contained in:
parent
e4e52db4f3
commit
e50111aaad
|
|
@ -1,51 +0,0 @@
|
||||||
FROM python:3.9-slim
|
|
||||||
|
|
||||||
# 设置时区
|
|
||||||
ENV TZ=Asia/Shanghai
|
|
||||||
|
|
||||||
# 完全清空并重写所有源文件
|
|
||||||
RUN rm -f /etc/apt/sources.list /etc/apt/sources.list.d/* && \
|
|
||||||
echo "deb https://mirrors.tuna.tsinghua.edu.cn/debian/ trixie main" > /etc/apt/sources.list && \
|
|
||||||
echo "deb https://mirrors.tuna.tsinghua.edu.cn/debian/ trixie-updates main" >> /etc/apt/sources.list && \
|
|
||||||
echo "deb https://mirrors.tuna.tsinghua.edu.cn/debian-security trixie-security main" >> /etc/apt/sources.list
|
|
||||||
|
|
||||||
|
|
||||||
# 设置 ll 别名
|
|
||||||
RUN echo "alias ll='ls -alF'" >> /root/.bashrc
|
|
||||||
|
|
||||||
# 安装 nginx
|
|
||||||
RUN apt-get update && apt-get install -y --no-install-recommends \
|
|
||||||
nginx \
|
|
||||||
&& rm -rf /var/lib/apt/lists/*
|
|
||||||
|
|
||||||
# 设置 pip 清华源
|
|
||||||
RUN pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple && \
|
|
||||||
pip config set global.trusted-host pypi.tuna.tsinghua.edu.cn
|
|
||||||
|
|
||||||
# 创建应用目录
|
|
||||||
WORKDIR /app
|
|
||||||
|
|
||||||
# 复制后端文件
|
|
||||||
COPY backend/ ./backend/
|
|
||||||
COPY frontend/ /var/www/html/
|
|
||||||
|
|
||||||
# 安装Python依赖
|
|
||||||
RUN pip install --no-cache-dir -r backend/requirements.txt
|
|
||||||
|
|
||||||
# 创建数据和日志目录
|
|
||||||
RUN mkdir -p data logs
|
|
||||||
|
|
||||||
# 配置nginx
|
|
||||||
COPY nginx/nginx.conf /etc/nginx/sites-available/default
|
|
||||||
|
|
||||||
# 暴露端口
|
|
||||||
EXPOSE 80
|
|
||||||
|
|
||||||
# 启动脚本
|
|
||||||
COPY sbin/start.sh /start.sh
|
|
||||||
RUN chmod +x /start.sh
|
|
||||||
|
|
||||||
# 初始化数据库
|
|
||||||
RUN python backend/init_db.py
|
|
||||||
|
|
||||||
ENTRYPOINT ["/start.sh"]
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
[[source]]
|
|
||||||
url = "https://pypi.tuna.tsinghua.edu.cn/simple\n"
|
|
||||||
verify_ssl = true
|
|
||||||
name = "pip_conf_index_global"
|
|
||||||
|
|
||||||
[packages]
|
|
||||||
|
|
||||||
[dev-packages]
|
|
||||||
|
|
||||||
[requires]
|
|
||||||
python_version = "3.8"
|
|
||||||
|
|
@ -1,113 +0,0 @@
|
||||||
# backend/app.py
|
|
||||||
import logging
|
|
||||||
from logging.handlers import RotatingFileHandler
|
|
||||||
from flask import Flask, jsonify, request
|
|
||||||
from flask_cors import CORS
|
|
||||||
import sqlite3
|
|
||||||
import os
|
|
||||||
|
|
||||||
# 获取当前文件所在目录
|
|
||||||
basedir = os.path.abspath(os.path.dirname(__file__))
|
|
||||||
db_path = os.path.join(basedir, '..', 'data', 'cars.db')
|
|
||||||
|
|
||||||
# 创建 logs 目录
|
|
||||||
logs_dir = os.path.join(basedir, '..', 'logs')
|
|
||||||
os.makedirs(logs_dir, exist_ok=True)
|
|
||||||
|
|
||||||
# 配置日志
|
|
||||||
log_formatter = logging.Formatter(
|
|
||||||
'%(asctime)s %(levelname)s %(name)s %(message)s'
|
|
||||||
)
|
|
||||||
log_file = os.path.join(logs_dir, 'app.log')
|
|
||||||
|
|
||||||
# 创建 rotating file handler (最大5MB，保留5个备份)
|
|
||||||
file_handler = RotatingFileHandler(
|
|
||||||
log_file,
|
|
||||||
maxBytes=5*1024*1024, # 5MB
|
|
||||||
backupCount=5
|
|
||||||
)
|
|
||||||
file_handler.setFormatter(log_formatter)
|
|
||||||
file_handler.setLevel(logging.INFO)
|
|
||||||
|
|
||||||
# 创建 logger
|
|
||||||
app = Flask(__name__)
|
|
||||||
app.logger.addHandler(file_handler)
|
|
||||||
app.logger.setLevel(logging.INFO)
|
|
||||||
|
|
||||||
# 添加 CORS 支持
|
|
||||||
CORS(app)
|
|
||||||
|
|
||||||
# 数据库连接函数
|
|
||||||
def get_db_connection():
|
|
||||||
conn = sqlite3.connect(db_path)
|
|
||||||
conn.row_factory = sqlite3.Row
|
|
||||||
# 确保使用UTF-8编码
|
|
||||||
conn.execute('PRAGMA encoding = "UTF-8"')
|
|
||||||
return conn
|
|
||||||
|
|
||||||
@app.route('/api/cars', methods=['GET'])
|
|
||||||
def get_all_cars():
|
|
||||||
app.logger.info('获取所有车辆信息')
|
|
||||||
try:
|
|
||||||
conn = get_db_connection()
|
|
||||||
cars = conn.execute('SELECT * FROM cars').fetchall()
|
|
||||||
conn.close()
|
|
||||||
|
|
||||||
cars_list = [dict(car) for car in cars]
|
|
||||||
app.logger.info(f'成功获取 {len(cars_list)} 条车辆记录')
|
|
||||||
return jsonify(cars_list)
|
|
||||||
except Exception as e:
|
|
||||||
app.logger.error(f'获取所有车辆信息时出错: {str(e)}')
|
|
||||||
return jsonify({'error': '服务器内部错误'}), 500
|
|
||||||
|
|
||||||
@app.route('/api/cars/search', methods=['GET'])
|
|
||||||
def search_car():
|
|
||||||
plate = request.args.get('plate', '')
|
|
||||||
app.logger.info(f'搜索车牌号码: {plate}')
|
|
||||||
|
|
||||||
if not plate:
|
|
||||||
app.logger.warning('用户未提供车牌号码')
|
|
||||||
return jsonify({'error': '请输入车牌号码'}), 400
|
|
||||||
|
|
||||||
try:
|
|
||||||
conn = get_db_connection()
|
|
||||||
# 修改查询语句以正确处理中文字符
|
|
||||||
cars = conn.execute('SELECT * FROM cars WHERE plate LIKE ?', (f'%{plate}%',)).fetchall()
|
|
||||||
conn.close()
|
|
||||||
|
|
||||||
cars_list = [dict(car) for car in cars]
|
|
||||||
app.logger.info(f'搜索 "{plate}" 返回 {len(cars_list)} 条结果')
|
|
||||||
return jsonify(cars_list)
|
|
||||||
except Exception as e:
|
|
||||||
app.logger.error(f'搜索车牌号码时出错: {str(e)}')
|
|
||||||
return jsonify({'error': '服务器内部错误'}), 500
|
|
||||||
|
|
||||||
@app.route('/api/cars/<plate>', methods=['GET'])
|
|
||||||
def get_car_by_plate(plate):
|
|
||||||
app.logger.info(f'查询特定车牌号码: {plate}')
|
|
||||||
|
|
||||||
try:
|
|
||||||
conn = get_db_connection()
|
|
||||||
# 修改查询语句以正确处理中文字符
|
|
||||||
car = conn.execute('SELECT * FROM cars WHERE plate = ?', (plate,)).fetchone()
|
|
||||||
conn.close()
|
|
||||||
|
|
||||||
if car is None:
|
|
||||||
app.logger.warning(f'未找到车牌号码: {plate}')
|
|
||||||
return jsonify({'error': '未找到该车牌号码对应的车主信息'}), 404
|
|
||||||
|
|
||||||
app.logger.info(f'成功找到车牌号码: {plate}')
|
|
||||||
return jsonify(dict(car))
|
|
||||||
except Exception as e:
|
|
||||||
app.logger.error(f'查询特定车牌时出错: {str(e)}')
|
|
||||||
return jsonify({'error': '服务器内部错误'}), 500
|
|
||||||
|
|
||||||
# 添加一个根路径用于健康检查
|
|
||||||
@app.route('/', methods=['GET'])
|
|
||||||
def health_check():
|
|
||||||
app.logger.info('健康检查请求')
|
|
||||||
return jsonify({'status': 'ok', 'message': '服务正常运行'})
|
|
||||||
|
|
||||||
if __name__ == '__main__':
|
|
||||||
app.logger.info('启动 Flask 应用')
|
|
||||||
app.run(debug=True, host='0.0.0.0', port=5000)
|
|
||||||
|
|
@ -1,41 +0,0 @@
|
||||||
# backend/init_db.py
|
|
||||||
import sqlite3
|
|
||||||
import os
|
|
||||||
|
|
||||||
# 获取当前文件所在目录
|
|
||||||
basedir = os.path.abspath(os.path.dirname(__file__))
|
|
||||||
db_path = os.path.join(basedir, '..', 'data', 'cars.db')
|
|
||||||
|
|
||||||
# 创建数据目录（如果不存在）
|
|
||||||
os.makedirs(os.path.dirname(db_path), exist_ok=True)
|
|
||||||
|
|
||||||
# 创建数据库连接
|
|
||||||
conn = sqlite3.connect(db_path)
|
|
||||||
# 确保使用UTF-8编码
|
|
||||||
conn.execute('PRAGMA encoding = "UTF-8"')
|
|
||||||
cursor = conn.cursor()
|
|
||||||
|
|
||||||
# 创建车辆表
|
|
||||||
cursor.execute('''
|
|
||||||
CREATE TABLE IF NOT EXISTS cars (
|
|
||||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
|
||||||
plate TEXT UNIQUE NOT NULL,
|
|
||||||
phone TEXT NOT NULL,
|
|
||||||
brand TEXT NOT NULL
|
|
||||||
)
|
|
||||||
''')
|
|
||||||
|
|
||||||
# 插入示例数据
|
|
||||||
sample_cars = [
|
|
||||||
("京B67890", "131-2222-2222", "本田雅阁"),
|
|
||||||
("沪C11111", "132-3333-3333", "大众帕萨特"),
|
|
||||||
("浙D22222", "133-4444-4444", "奔驰E级")
|
|
||||||
]
|
|
||||||
|
|
||||||
cursor.executemany('INSERT OR IGNORE INTO cars (plate, phone, brand) VALUES (?, ?, ?)', sample_cars)
|
|
||||||
|
|
||||||
# 提交更改并关闭连接
|
|
||||||
conn.commit()
|
|
||||||
conn.close()
|
|
||||||
|
|
||||||
print("数据库初始化完成")
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
# backend/requirements.txt
|
|
||||||
Flask==2.3.2
|
|
||||||
flask-cors==4.0.0
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
# backend/view_logs.py
|
|
||||||
import os
|
|
||||||
|
|
||||||
# 获取当前文件所在目录
|
|
||||||
basedir = os.path.abspath(os.path.dirname(__file__))
|
|
||||||
log_file = os.path.join(basedir, '..', 'logs', 'app.log')
|
|
||||||
|
|
||||||
def view_logs(lines=20):
|
|
||||||
"""查看最新的日志条目"""
|
|
||||||
try:
|
|
||||||
with open(log_file, 'r', encoding='utf-8') as f:
|
|
||||||
all_lines = f.readlines()
|
|
||||||
# 获取最后几行
|
|
||||||
latest_lines = all_lines[-lines:] if len(all_lines) > lines else all_lines
|
|
||||||
print(f"最新 {len(latest_lines)} 条日志:")
|
|
||||||
for line in latest_lines:
|
|
||||||
print(line.strip())
|
|
||||||
except FileNotFoundError:
|
|
||||||
print("日志文件不存在，请先运行应用程序")
|
|
||||||
except Exception as e:
|
|
||||||
print(f"读取日志文件时出错: {e}")
|
|
||||||
|
|
||||||
if __name__ == '__main__':
|
|
||||||
view_logs()
|
|
||||||
Binary file not shown.
|
|
@ -1,10 +0,0 @@
|
||||||
version: '3.8'
|
|
||||||
|
|
||||||
services:
|
|
||||||
mvcar:
|
|
||||||
build: .
|
|
||||||
ports:
|
|
||||||
- "80:80"
|
|
||||||
volumes:
|
|
||||||
- ./data:/app/data
|
|
||||||
- ./logs:/app/logs
|
|
||||||
|
|
@ -1,180 +0,0 @@
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: #f5f7fa;
|
|
||||||
color: #333;
|
|
||||||
line-height: 1.6;
|
|
||||||
padding: 20px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 500px;
|
|
||||||
width: 100%;
|
|
||||||
background: white;
|
|
||||||
border-radius: 16px;
|
|
||||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
|
|
||||||
overflow: hidden;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
background: linear-gradient(135deg, #4a6cf7, #6a82fb);
|
|
||||||
color: white;
|
|
||||||
padding: 25px 20px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
font-size: 24px;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header p {
|
|
||||||
opacity: 0.9;
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
padding: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-card {
|
|
||||||
background: #f8f9ff;
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 20px;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
border-left: 4px solid #4a6cf7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-card h2 {
|
|
||||||
color: #4a6cf7;
|
|
||||||
font-size: 18px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-card h2 i {
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone-number {
|
|
||||||
font-size: 28px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #333;
|
|
||||||
margin: 15px 0;
|
|
||||||
text-align: center;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.call-button {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
background: #4a6cf7;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 50px;
|
|
||||||
padding: 16px;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
margin-top: 20px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
box-shadow: 0 4px 12px rgba(74, 108, 247, 0.3);
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.call-button i {
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.call-button:hover {
|
|
||||||
background: #3a5ce5;
|
|
||||||
transform: translateY(-2px);
|
|
||||||
box-shadow: 0 6px 15px rgba(74, 108, 247, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.car-info {
|
|
||||||
background: #f8f9ff;
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 20px;
|
|
||||||
margin-bottom: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.car-info h3 {
|
|
||||||
color: #4a6cf7;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
font-size: 17px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.car-info p {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.instructions {
|
|
||||||
margin-top: 30px;
|
|
||||||
background: #f8f9ff;
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.instructions h3 {
|
|
||||||
color: #4a6cf7;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
font-size: 17px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.instructions ul {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.instructions li {
|
|
||||||
margin-bottom: 12px;
|
|
||||||
padding-left: 24px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.instructions li:before {
|
|
||||||
content: "•";
|
|
||||||
color: #4a6cf7;
|
|
||||||
font-weight: bold;
|
|
||||||
position: absolute;
|
|
||||||
left: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 30px;
|
|
||||||
color: #666;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
.container {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
padding: 20px 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone-number {
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,128 +0,0 @@
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: #f5f7fa;
|
|
||||||
color: #333;
|
|
||||||
line-height: 1.6;
|
|
||||||
padding: 20px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: 500px;
|
|
||||||
width: 100%;
|
|
||||||
background: white;
|
|
||||||
border-radius: 16px;
|
|
||||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
|
|
||||||
overflow: hidden;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
background: linear-gradient(135deg, #4a6cf7, #6a82fb);
|
|
||||||
color: white;
|
|
||||||
padding: 25px 20px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header h1 {
|
|
||||||
font-size: 24px;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header p {
|
|
||||||
opacity: 0.9;
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
padding: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-section {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-section h2 {
|
|
||||||
color: #4a6cf7;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.license-input {
|
|
||||||
width: 100%;
|
|
||||||
padding: 15px;
|
|
||||||
border: 2px solid #e1e5f0;
|
|
||||||
border-radius: 12px;
|
|
||||||
font-size: 16px;
|
|
||||||
text-align: center;
|
|
||||||
transition: border-color 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.license-input:focus {
|
|
||||||
border-color: #4a6cf7;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-button {
|
|
||||||
width: 100%;
|
|
||||||
background: #4a6cf7;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 50px;
|
|
||||||
padding: 16px;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
box-shadow: 0 4px 12px rgba(74, 108, 247, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-button:hover {
|
|
||||||
background: #3a5ce5;
|
|
||||||
transform: translateY(-2px);
|
|
||||||
box-shadow: 0 6px 15px rgba(74, 108, 247, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.error-message {
|
|
||||||
color: #e74c3c;
|
|
||||||
text-align: center;
|
|
||||||
padding: 15px;
|
|
||||||
background-color: #fdf2f2;
|
|
||||||
border-radius: 8px;
|
|
||||||
margin-top: 20px;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 30px;
|
|
||||||
color: #666;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
.container {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
padding: 20px 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,34 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh-CN">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>挪车电话查询</title>
|
|
||||||
<link rel="stylesheet" href="css/style.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<div class="header">
|
|
||||||
<h1>挪车电话查询</h1>
|
|
||||||
<p>请输入车牌号码查询车主联系方式</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
<div class="search-section">
|
|
||||||
<h2>车牌号码查询</h2>
|
|
||||||
<div class="input-group">
|
|
||||||
<input type="text" class="license-input" id="licensePlate" placeholder="请输入车牌号码，例如：粤A12345">
|
|
||||||
</div>
|
|
||||||
<button class="search-button" id="searchButton">查询</button>
|
|
||||||
<div class="error-message" id="errorMessage"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="footer">
|
|
||||||
<p>挪车电话服务 © kiki.kim</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="js/script.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,31 +0,0 @@
|
||||||
// frontend/js/result.js
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
console.log('页面加载完成 - 挪车电话结果页面');
|
|
||||||
|
|
||||||
const phoneNumberElement = document.getElementById('phoneNumber');
|
|
||||||
const plateNumberElement = document.getElementById('plateNumber');
|
|
||||||
const carBrandElement = document.getElementById('carBrand');
|
|
||||||
const callButton = document.getElementById('callButton');
|
|
||||||
|
|
||||||
// 从 sessionStorage 获取车辆信息
|
|
||||||
const carInfoJson = sessionStorage.getItem('carInfo');
|
|
||||||
console.log('从 sessionStorage 获取车辆信息');
|
|
||||||
|
|
||||||
if (carInfoJson) {
|
|
||||||
const carInfo = JSON.parse(carInfoJson);
|
|
||||||
console.log(`车辆信息: ${JSON.stringify(carInfo)}`);
|
|
||||||
|
|
||||||
// 显示车辆信息
|
|
||||||
phoneNumberElement.textContent = carInfo.phone;
|
|
||||||
plateNumberElement.textContent = carInfo.plate;
|
|
||||||
carBrandElement.textContent = carInfo.brand;
|
|
||||||
|
|
||||||
// 设置拨号链接
|
|
||||||
callButton.href = 'tel:' + carInfo.phone.replace(/-/g, '');
|
|
||||||
console.log(`设置拨号链接: ${callButton.href}`);
|
|
||||||
} else {
|
|
||||||
console.warn('未找到车辆信息，重定向到搜索页面');
|
|
||||||
// 如果没有车辆信息，返回搜索页面
|
|
||||||
window.location.href = 'index.html';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
@ -1,90 +0,0 @@
|
||||||
// frontend/js/script.js
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
const searchButton = document.getElementById('searchButton');
|
|
||||||
const licensePlateInput = document.getElementById('licensePlate');
|
|
||||||
const errorMessage = document.getElementById('errorMessage');
|
|
||||||
|
|
||||||
console.log('页面加载完成 - 挪车电话查询页面');
|
|
||||||
|
|
||||||
// 添加搜索频率限制
|
|
||||||
let lastSearchTime = 0;
|
|
||||||
const SEARCH_DELAY = 1000; // 1秒内只能搜索一次
|
|
||||||
|
|
||||||
searchButton.addEventListener('click', function() {
|
|
||||||
const plate = licensePlateInput.value.trim();
|
|
||||||
console.log(`用户尝试搜索车牌号码: ${plate}`);
|
|
||||||
|
|
||||||
// 检查输入长度
|
|
||||||
if (plate.length < 3) {
|
|
||||||
console.warn('输入字符少于3个');
|
|
||||||
showError('请输入至少3个字符进行搜索');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 检查搜索频率
|
|
||||||
const currentTime = new Date().getTime();
|
|
||||||
if (currentTime - lastSearchTime < SEARCH_DELAY) {
|
|
||||||
console.warn('搜索过于频繁');
|
|
||||||
showError('搜索过于频繁，请稍后再试');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
lastSearchTime = currentTime;
|
|
||||||
|
|
||||||
if (!plate) {
|
|
||||||
console.warn('未输入车牌号码');
|
|
||||||
showError('请输入车牌号码');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 从后端API获取数据
|
|
||||||
console.log(`发送请求到: /api/cars/search?plate=${encodeURIComponent(plate)}`);
|
|
||||||
fetch(`/api/cars/search?plate=${encodeURIComponent(plate)}`)
|
|
||||||
.then(response => {
|
|
||||||
console.log(`收到响应状态: ${response.status}`);
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error('网络响应错误');
|
|
||||||
}
|
|
||||||
return response.json();
|
|
||||||
})
|
|
||||||
.then(data => {
|
|
||||||
console.log(`收到数据，共 ${data.length} 条记录`);
|
|
||||||
if (data.length > 0) {
|
|
||||||
// 取第一个匹配的结果
|
|
||||||
const carInfo = data[0];
|
|
||||||
console.log(`找到车辆信息: ${JSON.stringify(carInfo)}`);
|
|
||||||
// 将车辆信息存储到 sessionStorage
|
|
||||||
sessionStorage.setItem('carInfo', JSON.stringify(carInfo));
|
|
||||||
console.log('跳转到结果页面');
|
|
||||||
// 跳转到结果页面
|
|
||||||
window.location.href = 'result.html';
|
|
||||||
} else {
|
|
||||||
console.warn('未找到匹配的车辆信息');
|
|
||||||
showError('没有找到该车牌号码对应的车主信息');
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.error('请求失败:', error);
|
|
||||||
showError('查询失败，请稍后再试');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// 回车键触发搜索
|
|
||||||
licensePlateInput.addEventListener('keypress', function(e) {
|
|
||||||
if (e.key === 'Enter') {
|
|
||||||
console.log('用户按下回车键触发搜索');
|
|
||||||
searchButton.click();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function showError(message) {
|
|
||||||
console.log(`显示错误信息: ${message}`);
|
|
||||||
errorMessage.textContent = message;
|
|
||||||
errorMessage.style.display = 'block';
|
|
||||||
|
|
||||||
// 3秒后隐藏错误信息
|
|
||||||
setTimeout(() => {
|
|
||||||
console.log('隐藏错误信息');
|
|
||||||
errorMessage.style.display = 'none';
|
|
||||||
}, 3000);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
@ -1,48 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh-CN">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>挪车电话</title>
|
|
||||||
<link rel="stylesheet" href="css/result.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<div class="header">
|
|
||||||
<h1>挪车电话</h1>
|
|
||||||
<p>如需挪车，请直接拨打下方电话</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
<div class="info-card">
|
|
||||||
<h2><i>📞</i> 车主联系电话</h2>
|
|
||||||
<p>如需挪车，请拨打下方电话联系车主</p>
|
|
||||||
<div class="phone-number" id="phoneNumber">加载中...</div>
|
|
||||||
<a href="#" class="call-button" id="callButton">
|
|
||||||
<i>☎</i> 一键拨号
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="car-info">
|
|
||||||
<h3>车辆信息</h3>
|
|
||||||
<p>车牌号码: <span id="plateNumber">加载中...</span></p>
|
|
||||||
<p>车辆品牌: <span id="carBrand">加载中...</span></p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="instructions">
|
|
||||||
<h3>使用说明</h3>
|
|
||||||
<ul>
|
|
||||||
<li>点击"一键拨号"按钮可直接拨打车主电话</li>
|
|
||||||
<li>如遇电话无法接通，请稍后再试</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="footer">
|
|
||||||
<p>挪车电话服务 © kiki.kim</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="js/result.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
server {
|
|
||||||
listen 80;
|
|
||||||
server_name localhost;
|
|
||||||
|
|
||||||
# 前端静态文件
|
|
||||||
location / {
|
|
||||||
root /var/www/html;
|
|
||||||
index index.html;
|
|
||||||
try_files $uri $uri/ =404;
|
|
||||||
}
|
|
||||||
|
|
||||||
# API请求代理到后端Flask应用
|
|
||||||
location /api/ {
|
|
||||||
proxy_pass http://127.0.0.1:5000;
|
|
||||||
proxy_set_header Host $host;
|
|
||||||
proxy_set_header X-Real-IP $remote_addr;
|
|
||||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
||||||
}
|
|
||||||
|
|
||||||
# 健康检查端点
|
|
||||||
location /health {
|
|
||||||
proxy_pass http://127.0.0.1:5000;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,44 +0,0 @@
|
||||||
# 挪车电话查询系统
|
|
||||||
|
|
||||||
这是一个前后端分离的挪车电话查询系统，使用Python Flask作为后端，SQLite作为数据库，HTML/CSS/JavaScript作为前端。
|
|
||||||
|
|
||||||
## 项目结构
|
|
||||||
|
|
||||||
- `backend/`: 后端代码（Python Flask）
|
|
||||||
- `frontend/`: 前端代码（HTML/CSS/JavaScript）
|
|
||||||
- `data/`: 数据库存放目录
|
|
||||||
|
|
||||||
## 安装与运行
|
|
||||||
|
|
||||||
1. 安装Python依赖：
|
|
||||||
|
|
||||||
|
|
||||||
mvcar/
|
|
||||||
├── backend/
|
|
||||||
│ ├── app.py
|
|
||||||
│ ├── init_db.py
|
|
||||||
│ ├── view_logs.py
|
|
||||||
│ └── requirements.txt
|
|
||||||
├── frontend/
|
|
||||||
│ ├── index.html
|
|
||||||
│ ├── result.html
|
|
||||||
│ ├── css/
|
|
||||||
│ └── js/
|
|
||||||
├── data/
|
|
||||||
├── logs/
|
|
||||||
├── Dockerfile
|
|
||||||
├── nginx.conf
|
|
||||||
├── start.sh
|
|
||||||
└── docker-compose.yml (可选)
|
|
||||||
|
|
||||||
# 构建Docker镜像
|
|
||||||
docker build -t mvcar-app .
|
|
||||||
|
|
||||||
# 构建Docker镜像
|
|
||||||
docker build -t mvcar-app:v1.0.0 -t mvcar-app:latest .
|
|
||||||
|
|
||||||
# 运行容器
|
|
||||||
docker run -d -p 80:80 --name mvcar-container mvcar-app
|
|
||||||
|
|
||||||
# 或者使用docker-compose（如果创建了docker-compose.yml）
|
|
||||||
docker-compose up --build -d
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
#!/bin/bash
|
|
||||||
|
|
||||||
# 启动后端Flask应用
|
|
||||||
cd /app/backend
|
|
||||||
nohup python app.py > /app/logs/flask.log 2>&1 &
|
|
||||||
|
|
||||||
# 启动nginx
|
|
||||||
nginx -g "daemon off;"
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
@echo off
|
|
||||||
start "" code .
|
|
||||||
Loading…
Reference in New Issue