feat(nav): 新增前台公开导航页与后台导航管理
新增模块
- Nav 模型（applications/models/admin_nav.py）：公开导航表，与 admin_power 解耦
- NavOutSchema / NavManageSchema（applications/schemas/admin_nav.py）
- 前台公开视图 applications/view/public/nav.py：/site/、/site/category/<name>、/site/api/navs，无需登录
- 后台管理视图 applications/view/system/nav.py：CRUD + 启用/禁用，挂入 system_bp
- 前台模板 templates/public/{base,index,category}.html（独立配色，无需登录即可访问）
- 后台模板 templates/system/nav/{main,add,edit}.html（Layui table + form）
调整
- applications/view/__init__.py：注册前台蓝图到根
- applications/view/system/__init__.py：注册后台 nav 子蓝图
- applications/common/script/admin.py：admin init/export 支持 navs 数组
- applications/common/script/app_data/init.json：新增 10 条导航种子 + 4 条 system:nav 权限
数据库
- 新增 public_nav 表（含 category 索引）
- migration: 38751d88d42c_add_public_nav_table.py
This commit is contained in:
bwstudio
@@ -75,6 +75,9 @@ def import_logic(file_path, is_force):
|
||||
db.session.query(Role).delete()
|
||||
db.session.query(Power).delete()
|
||||
db.session.query(Dept).delete()
|
||||
# 新增：清空 Nav 表
|
||||
from applications.models import Nav
|
||||
db.session.query(Nav).delete()
|
||||
db.session.commit()
|
||||
except Exception as e:
|
||||
db.session.rollback()
|
||||
@@ -134,7 +137,17 @@ def import_logic(file_path, is_force):
|
||||
user.role = roles
|
||||
db.session.commit()
|
||||
|
||||
click.echo(f"导入成功! 新增: 部门{count_dept}, 权限{count_power}, 角色{count_role}, 用户{count_user}")
|
||||
# 5. 导入公开导航（Nav 表）
|
||||
from applications.models import Nav
|
||||
count_nav = 0
|
||||
for item in raw_data.get("navs", []):
|
||||
item = parse_time(item)
|
||||
if not Nav.query.get(item.get('id')) if item.get('id') else True:
|
||||
db.session.add(Nav(**item))
|
||||
count_nav += 1
|
||||
db.session.commit()
|
||||
|
||||
click.echo(f"导入成功! 新增: 部门{count_dept}, 权限{count_power}, 角色{count_role}, 用户{count_user}, 导航{count_nav}")
|
||||
return True
|
||||
|
||||
except Exception as e:
|
||||
@@ -184,7 +197,8 @@ def export_data(name):
|
||||
"depts": [],
|
||||
"powers": [],
|
||||
"roles": [],
|
||||
"users": []
|
||||
"users": [],
|
||||
"navs": []
|
||||
}
|
||||
|
||||
# 1. 导出部门
|
||||
@@ -204,6 +218,10 @@ def export_data(name):
|
||||
u_dict['role_ids'] = [r.id for r in u.role]
|
||||
data["users"].append(u_dict)
|
||||
|
||||
# 5. 导出公开导航
|
||||
from applications.models import Nav
|
||||
data["navs"] = [model_to_dict(n) for n in Nav.query.order_by(Nav.category, Nav.sort, Nav.id).all()]
|
||||
|
||||
try:
|
||||
with open(file_path, 'w', encoding='utf-8') as f:
|
||||
json.dump(data, f, cls=DateEncoder, ensure_ascii=False, indent=4)
|
||||
|
||||
@@ -464,6 +464,58 @@
|
||||
"sort": 2,
|
||||
"create_time": "2023-01-01 10:00:00",
|
||||
"enable": 1
|
||||
},
|
||||
{
|
||||
"id": 60,
|
||||
"name": "导航管理",
|
||||
"type": "1",
|
||||
"code": "system:nav:main",
|
||||
"url": "/system/nav/",
|
||||
"open_type": "_iframe",
|
||||
"parent_id": "1",
|
||||
"icon": "layui-icon layui-icon-link",
|
||||
"sort": 9,
|
||||
"create_time": "2026-09-05 14:30:00",
|
||||
"enable": 1
|
||||
},
|
||||
{
|
||||
"id": 61,
|
||||
"name": "导航新增",
|
||||
"type": "2",
|
||||
"code": "system:nav:add",
|
||||
"url": "",
|
||||
"open_type": "",
|
||||
"parent_id": "60",
|
||||
"icon": "",
|
||||
"sort": 1,
|
||||
"create_time": "2026-09-05 14:30:00",
|
||||
"enable": 1
|
||||
},
|
||||
{
|
||||
"id": 62,
|
||||
"name": "导航编辑",
|
||||
"type": "2",
|
||||
"code": "system:nav:edit",
|
||||
"url": "",
|
||||
"open_type": "",
|
||||
"parent_id": "60",
|
||||
"icon": "",
|
||||
"sort": 2,
|
||||
"create_time": "2026-09-05 14:30:00",
|
||||
"enable": 1
|
||||
},
|
||||
{
|
||||
"id": 63,
|
||||
"name": "导航删除",
|
||||
"type": "2",
|
||||
"code": "system:nav:remove",
|
||||
"url": "",
|
||||
"open_type": "",
|
||||
"parent_id": "60",
|
||||
"icon": "",
|
||||
"sort": 3,
|
||||
"create_time": "2026-09-05 14:30:00",
|
||||
"enable": 1
|
||||
}
|
||||
],
|
||||
"roles": [
|
||||
@@ -485,7 +537,18 @@
|
||||
"details": "只有查看，没有增删改权限",
|
||||
"sort": 2,
|
||||
"create_time": "2023-01-01 10:00:00",
|
||||
"power_ids": [1, 3, 4, 9, 12, 13, 17, 18, 44, 48]
|
||||
"power_ids": [
|
||||
1,
|
||||
3,
|
||||
4,
|
||||
9,
|
||||
12,
|
||||
13,
|
||||
17,
|
||||
18,
|
||||
44,
|
||||
48
|
||||
]
|
||||
}
|
||||
],
|
||||
"users": [
|
||||
@@ -499,7 +562,9 @@
|
||||
"remark": "要是不能把握时机，就要终身蹭蹬，一事无成！",
|
||||
"avatar": "/static/system/admin/images/avatar.jpg",
|
||||
"dept_id": 1,
|
||||
"role_ids": [1]
|
||||
"role_ids": [
|
||||
1
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
@@ -511,7 +576,9 @@
|
||||
"remark": "要是不能把握时机，就要终身蹭蹬，一事无成！",
|
||||
"avatar": "/static/system/admin/images/avatar.jpg",
|
||||
"dept_id": 1,
|
||||
"role_ids": [2]
|
||||
"role_ids": [
|
||||
2
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "3",
|
||||
@@ -525,5 +592,127 @@
|
||||
"dept_id": 7,
|
||||
"role_ids": []
|
||||
}
|
||||
],
|
||||
"navs": [
|
||||
{
|
||||
"category": "开发工具",
|
||||
"title": "GitHub",
|
||||
"url": "https://github.com",
|
||||
"description": "全球最大开源代码托管平台",
|
||||
"icon": "layui-icon layui-icon-website",
|
||||
"sort": 1,
|
||||
"status": 1,
|
||||
"is_external": 1,
|
||||
"create_by": "admin",
|
||||
"create_at": "2026-09-05 14:30:00"
|
||||
},
|
||||
{
|
||||
"category": "开发工具",
|
||||
"title": "Stack Overflow",
|
||||
"url": "https://stackoverflow.com",
|
||||
"description": "全球程序员问答社区",
|
||||
"icon": "layui-icon layui-icon-help",
|
||||
"sort": 2,
|
||||
"status": 1,
|
||||
"is_external": 1,
|
||||
"create_by": "admin",
|
||||
"create_at": "2026-09-05 14:30:00"
|
||||
},
|
||||
{
|
||||
"category": "开发工具",
|
||||
"title": "MDN Web Docs",
|
||||
"url": "https://developer.mozilla.org",
|
||||
"description": "Web 开发权威文档",
|
||||
"icon": "layui-icon layui-icon-read",
|
||||
"sort": 3,
|
||||
"status": 1,
|
||||
"is_external": 1,
|
||||
"create_by": "admin",
|
||||
"create_at": "2026-09-05 14:30:00"
|
||||
},
|
||||
{
|
||||
"category": "开发工具",
|
||||
"title": "Gitee",
|
||||
"url": "https://gitee.com",
|
||||
"description": "国内代码托管平台",
|
||||
"icon": "layui-icon layui-icon-website",
|
||||
"sort": 4,
|
||||
"status": 1,
|
||||
"is_external": 1,
|
||||
"create_by": "admin",
|
||||
"create_at": "2026-09-05 14:30:00"
|
||||
},
|
||||
{
|
||||
"category": "AI 工具",
|
||||
"title": "ChatGPT",
|
||||
"url": "https://chat.openai.com",
|
||||
"description": "OpenAI 出品的对话式 AI",
|
||||
"icon": "layui-icon layui-icon-console",
|
||||
"sort": 1,
|
||||
"status": 1,
|
||||
"is_external": 1,
|
||||
"create_by": "admin",
|
||||
"create_at": "2026-09-05 14:30:00"
|
||||
},
|
||||
{
|
||||
"category": "AI 工具",
|
||||
"title": "Claude",
|
||||
"url": "https://claude.ai",
|
||||
"description": "Anthropic 出品的 AI 助手",
|
||||
"icon": "layui-icon layui-icon-console",
|
||||
"sort": 2,
|
||||
"status": 1,
|
||||
"is_external": 1,
|
||||
"create_by": "admin",
|
||||
"create_at": "2026-09-05 14:30:00"
|
||||
},
|
||||
{
|
||||
"category": "AI 工具",
|
||||
"title": "通义千问",
|
||||
"url": "https://tongyi.aliyun.com",
|
||||
"description": "阿里云出品的国产大模型",
|
||||
"icon": "layui-icon layui-icon-console",
|
||||
"sort": 3,
|
||||
"status": 1,
|
||||
"is_external": 1,
|
||||
"create_by": "admin",
|
||||
"create_at": "2026-09-05 14:30:00"
|
||||
},
|
||||
{
|
||||
"category": "设计资源",
|
||||
"title": "Dribbble",
|
||||
"url": "https://dribbble.com",
|
||||
"description": "全球设计灵感社区",
|
||||
"icon": "layui-icon layui-icon-picture",
|
||||
"sort": 1,
|
||||
"status": 1,
|
||||
"is_external": 1,
|
||||
"create_by": "admin",
|
||||
"create_at": "2026-09-05 14:30:00"
|
||||
},
|
||||
{
|
||||
"category": "设计资源",
|
||||
"title": "Behance",
|
||||
"url": "https://www.behance.net",
|
||||
"description": "Adobe 旗下的设计师作品集平台",
|
||||
"icon": "layui-icon layui-icon-picture",
|
||||
"sort": 2,
|
||||
"status": 1,
|
||||
"is_external": 1,
|
||||
"create_by": "admin",
|
||||
"create_at": "2026-09-05 14:30:00"
|
||||
},
|
||||
{
|
||||
"category": "设计资源",
|
||||
"title": "优设",
|
||||
"url": "https://www.uisdc.com",
|
||||
"description": "国内优秀设计师导航",
|
||||
"icon": "layui-icon layui-icon-picture",
|
||||
"sort": 3,
|
||||
"status": 1,
|
||||
"is_external": 1,
|
||||
"create_by": "admin",
|
||||
"create_at": "2026-09-05 14:30:00"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -8,3 +8,4 @@ from .admin_role_power import role_power
|
||||
from .admin_user import User
|
||||
from .admin_user_role import user_role
|
||||
from .admin_mail import Mail
|
||||
from .admin_nav import Nav
|
||||
|
||||
@@ -0,0 +1,69 @@
|
||||
"""
|
||||
前台公开导航模型。
|
||||
|
||||
Nav 用于「公开访问的导航聚合页」，与 admin_power 表完全解耦：
|
||||
- admin_power 控制后台管理菜单，需要登录
|
||||
- public_nav 控制前台公开导航，无需登录
|
||||
|
||||
后续若要做前台用户（收藏、提交链接），只需加独立 User 模型，
|
||||
不需要碰 RBAC。
|
||||
"""
|
||||
import datetime
|
||||
from applications.extensions import db
|
||||
|
||||
|
||||
class Nav(db.Model):
|
||||
__tablename__ = 'public_nav'
|
||||
|
||||
id = db.Column(db.Integer, primary_key=True, autoincrement=True, comment='导航ID')
|
||||
|
||||
# 分类名（如"开发工具"/"AI"/"设计资源"），用于首页聚合展示
|
||||
category = db.Column(db.String(50), nullable=False, comment='分类', index=True)
|
||||
|
||||
# 单条导航的标题
|
||||
title = db.Column(db.String(100), nullable=False, comment='标题')
|
||||
|
||||
# 链接 URL（站内或外链）
|
||||
url = db.Column(db.String(255), nullable=False, comment='链接')
|
||||
|
||||
# 简短描述（鼠标悬停时可见）
|
||||
description = db.Column(db.String(255), default='', comment='简介')
|
||||
|
||||
# layui-icon 的 class 名，例如 "layui-icon-website"
|
||||
icon = db.Column(db.String(100), default='layui-icon-link', comment='图标')
|
||||
|
||||
# 同分类下的显示顺序
|
||||
sort = db.Column(db.Integer, default=0, comment='排序')
|
||||
|
||||
# 1=启用，0=禁用（禁用后前台不再展示，后台列表仍可见）
|
||||
status = db.Column(db.Integer, default=1, comment='状态(1启用,0关闭)')
|
||||
|
||||
# 1=外链（新窗口打开），0=站内（当前窗口）
|
||||
is_external = db.Column(db.Integer, default=1, comment='是否外链')
|
||||
|
||||
# 创建者（后台管理员用户名，便于追溯），非空约束放宽以便匿名维护
|
||||
create_by = db.Column(db.String(50), default='admin', comment='创建者')
|
||||
|
||||
create_at = db.Column(db.DateTime, default=datetime.datetime.now, comment='创建时间')
|
||||
update_at = db.Column(
|
||||
db.DateTime,
|
||||
default=datetime.datetime.now,
|
||||
onupdate=datetime.datetime.now,
|
||||
comment='更新时间',
|
||||
)
|
||||
|
||||
def to_dict(self):
|
||||
"""方便模板直接读取"""
|
||||
return {
|
||||
'id': self.id,
|
||||
'category': self.category,
|
||||
'title': self.title,
|
||||
'url': self.url,
|
||||
'description': self.description or '',
|
||||
'icon': self.icon or 'layui-icon-link',
|
||||
'sort': self.sort or 0,
|
||||
'status': self.status,
|
||||
'is_external': self.is_external,
|
||||
'create_by': self.create_by,
|
||||
'create_at': self.create_at.strftime('%Y-%m-%d %H:%M:%S') if self.create_at else '',
|
||||
}
|
||||
@@ -6,3 +6,4 @@ from .admin_dept import DeptSchema
|
||||
from .admin_log import LogOutSchema
|
||||
from .admin_photo import PhotoOutSchema
|
||||
from .admin_mail import MailOutSchema
|
||||
from .admin_nav import NavOutSchema, NavManageSchema
|
||||
|
||||
@@ -0,0 +1,17 @@
|
||||
from flask_marshmallow.sqla import SQLAlchemyAutoSchema
|
||||
|
||||
from applications.models import Nav
|
||||
|
||||
|
||||
class NavOutSchema(SQLAlchemyAutoSchema):
|
||||
"""前台展示用：序列化 Nav 对象为 JSON"""
|
||||
class Meta:
|
||||
model = Nav
|
||||
include_fk = True
|
||||
|
||||
|
||||
class NavManageSchema(SQLAlchemyAutoSchema):
|
||||
"""后台管理用：同上，前缀分开便于将来按需差异化"""
|
||||
class Meta:
|
||||
model = Nav
|
||||
include_fk = True
|
||||
@@ -1,8 +1,13 @@
|
||||
from applications.view.system import register_system_bps
|
||||
from applications.view.public import bp as public_bp # public 包的入口就是 nav_bp
|
||||
from applications.extensions.init_plugins import broadcast_execute
|
||||
|
||||
|
||||
def init_bps(app):
|
||||
# 前台公开蓝图（无需登录）
|
||||
app.register_blueprint(public_bp)
|
||||
|
||||
# 后台系统蓝图（需要登录 + 权限码）
|
||||
register_system_bps(app)
|
||||
|
||||
# 插件初始化函数
|
||||
|
||||
@@ -0,0 +1,13 @@
|
||||
"""
|
||||
前台公开蓝图：导航聚合页 / 分类详情页
|
||||
|
||||
URL 前缀：/site（避免与后台 / 路由冲突）
|
||||
鉴权要求：无（任何用户都可访问，含未登录匿名用户）
|
||||
|
||||
注意：不要给这些视图加 @authorize 装饰器，否则会强制登录_required。
|
||||
"""
|
||||
from applications.view.public.nav import bp as nav_bp
|
||||
|
||||
|
||||
# 把 nav 蓝图作为 public 包的对外入口
|
||||
bp = nav_bp
|
||||
@@ -0,0 +1,80 @@
|
||||
"""
|
||||
前台导航页视图（无需登录）。
|
||||
|
||||
URL 路径（挂在根路径下，便于匿名访问）：
|
||||
- GET /site 公开导航聚合首页（按分类展示所有启用的导航）
|
||||
- GET /site/category/<name> 分类详情：展示指定分类下所有启用的导航
|
||||
- GET /site/api/navs JSON 接口（供前端动态加载）
|
||||
|
||||
注意：
|
||||
- 这些视图**不加** @authorize，避免 login_required 强制登录。
|
||||
- 使用 url_prefix='/site' 避免与后台 / 路由冲突（后台 / 是登录后的工作台）。
|
||||
"""
|
||||
from collections import OrderedDict
|
||||
|
||||
from flask import Blueprint, render_template, request, jsonify
|
||||
|
||||
from applications.models import Nav
|
||||
|
||||
bp = Blueprint('public_nav', __name__, url_prefix='/site')
|
||||
|
||||
|
||||
@bp.get('/')
|
||||
def index():
|
||||
"""
|
||||
公开首页：按 category 分组聚合，渲染模板
|
||||
"""
|
||||
groups = _grouped_navs()
|
||||
total = sum(len(items) for items in groups.values())
|
||||
return render_template(
|
||||
'public/index.html',
|
||||
groups=groups,
|
||||
total=total,
|
||||
site_name='BWStudio · 导航',
|
||||
)
|
||||
|
||||
|
||||
@bp.get('/category/<string:name>')
|
||||
def category_detail(name: str):
|
||||
"""
|
||||
分类详情页：列出指定分类下所有启用的导航
|
||||
"""
|
||||
items = (
|
||||
Nav.query
|
||||
.filter(Nav.category == name, Nav.status == 1)
|
||||
.order_by(Nav.sort.asc(), Nav.id.asc())
|
||||
.all()
|
||||
)
|
||||
return render_template(
|
||||
'public/category.html',
|
||||
category=name,
|
||||
items=items,
|
||||
site_name='BWStudio · 导航',
|
||||
)
|
||||
|
||||
|
||||
@bp.get('/api/navs')
|
||||
def api_navs():
|
||||
"""
|
||||
JSON 接口：返回按分类聚合的导航数据
|
||||
可用于首页卡片动态加载、第三方嵌入等
|
||||
"""
|
||||
return jsonify({
|
||||
'success': True,
|
||||
'msg': '请求成功',
|
||||
'data': _grouped_navs(),
|
||||
})
|
||||
|
||||
|
||||
def _grouped_navs() -> "OrderedDict[str, list]":
|
||||
"""按 category 分组，组内按 sort asc 排序"""
|
||||
items = (
|
||||
Nav.query
|
||||
.filter(Nav.status == 1)
|
||||
.order_by(Nav.category.asc(), Nav.sort.asc(), Nav.id.asc())
|
||||
.all()
|
||||
)
|
||||
groups = OrderedDict()
|
||||
for item in items:
|
||||
groups.setdefault(item.category, []).append(item.to_dict())
|
||||
return groups
|
||||
@@ -6,6 +6,7 @@ from applications.view.system.index import bp as index_bp
|
||||
from applications.view.system.log import bp as log_bp
|
||||
from applications.view.system.mail import bp as mail_bp
|
||||
from applications.view.system.monitor import bp as monitor_bp
|
||||
from applications.view.system.nav import bp as nav_bp
|
||||
from applications.view.system.passport import bp as passport_bp
|
||||
from applications.view.system.power import bp as power_bp
|
||||
from applications.view.system.rights import bp as right_bp
|
||||
@@ -30,5 +31,6 @@ def register_system_bps(app: Flask):
|
||||
system_bp.register_blueprint(passport_bp)
|
||||
system_bp.register_blueprint(right_bp)
|
||||
system_bp.register_blueprint(dept_bp)
|
||||
system_bp.register_blueprint(nav_bp)
|
||||
app.register_blueprint(index_bp)
|
||||
app.register_blueprint(system_bp)
|
||||
|
||||
@@ -0,0 +1,142 @@
|
||||
"""
|
||||
后台导航管理视图（需要登录 + 权限码 system:nav:*）
|
||||
|
||||
提供 Nav 模型的 CRUD 接口，供后台管理员维护前台公开导航。
|
||||
"""
|
||||
from flask import Blueprint, render_template, request
|
||||
from flask_login import current_user
|
||||
|
||||
from applications.common.utils.http import table_api, fail_api, success_api
|
||||
from applications.common.utils.rights import authorize
|
||||
from applications.common.utils.validate import str_escape
|
||||
from applications.extensions import db
|
||||
from applications.extensions.init_limit import limiter
|
||||
from applications.models import Nav
|
||||
from applications.schemas import NavManageSchema
|
||||
|
||||
bp = Blueprint('nav', __name__, url_prefix='/nav')
|
||||
|
||||
|
||||
@bp.get('/')
|
||||
@authorize("system:nav:main")
|
||||
def main():
|
||||
"""导航管理主页"""
|
||||
return render_template('system/nav/main.html')
|
||||
|
||||
|
||||
@bp.get('/data')
|
||||
@limiter.limit("60 per minute")
|
||||
@authorize("system:nav:main")
|
||||
def data():
|
||||
"""表格数据接口"""
|
||||
keyword = str_escape(request.args.get('keyword', type=str))
|
||||
category = str_escape(request.args.get('category', type=str))
|
||||
|
||||
query = Nav.query
|
||||
if keyword:
|
||||
query = query.filter(
|
||||
db.or_(
|
||||
Nav.title.contains(keyword),
|
||||
Nav.url.contains(keyword),
|
||||
Nav.description.contains(keyword),
|
||||
)
|
||||
)
|
||||
if category:
|
||||
query = query.filter(Nav.category == category)
|
||||
|
||||
items = query.order_by(Nav.category.asc(), Nav.sort.asc(), Nav.id.asc()).all()
|
||||
data = NavManageSchema(many=True).dump(items)
|
||||
return table_api(msg="请求成功", data=data, count=len(data))
|
||||
|
||||
|
||||
@bp.get('/add')
|
||||
@authorize("system:nav:add", log=True)
|
||||
def add():
|
||||
return render_template('system/nav/add.html')
|
||||
|
||||
|
||||
@bp.post('/save')
|
||||
@authorize("system:nav:add", log=True)
|
||||
def save():
|
||||
req = request.get_json(force=True)
|
||||
try:
|
||||
nav = Nav(
|
||||
category=str_escape(req.get('category')),
|
||||
title=str_escape(req.get('title')),
|
||||
url=str_escape(req.get('url')),
|
||||
description=str_escape(req.get('description')),
|
||||
icon=str_escape(req.get('icon')) or 'layui-icon-link',
|
||||
sort=int(req.get('sort') or 0),
|
||||
status=int(req.get('status') or 1),
|
||||
is_external=int(req.get('isExternal') or 1),
|
||||
create_by=current_user.username if current_user.is_authenticated else 'admin',
|
||||
)
|
||||
db.session.add(nav)
|
||||
db.session.commit()
|
||||
except Exception as e:
|
||||
db.session.rollback()
|
||||
return fail_api(msg=f"新增失败：{e}")
|
||||
return success_api(msg="新增成功")
|
||||
|
||||
|
||||
@bp.get('/edit')
|
||||
@authorize("system:nav:edit", log=True)
|
||||
def edit():
|
||||
nav_id = request.args.get("navId", type=int)
|
||||
nav = Nav.query.get(nav_id)
|
||||
if not nav:
|
||||
return fail_api(msg="导航不存在")
|
||||
return render_template('system/nav/edit.html', nav=nav)
|
||||
|
||||
|
||||
@bp.put('/update')
|
||||
@authorize("system:nav:edit", log=True)
|
||||
def update():
|
||||
req = request.get_json(force=True)
|
||||
nav_id = req.get('id')
|
||||
nav = Nav.query.get(nav_id)
|
||||
if not nav:
|
||||
return fail_api(msg="导航不存在")
|
||||
try:
|
||||
nav.category = str_escape(req.get('category')) or nav.category
|
||||
nav.title = str_escape(req.get('title')) or nav.title
|
||||
nav.url = str_escape(req.get('url')) or nav.url
|
||||
nav.description = str_escape(req.get('description'))
|
||||
nav.icon = str_escape(req.get('icon')) or 'layui-icon-link'
|
||||
nav.sort = int(req.get('sort') or 0)
|
||||
nav.status = int(req.get('status') or 1)
|
||||
nav.is_external = int(req.get('isExternal') or 1)
|
||||
db.session.commit()
|
||||
except Exception as e:
|
||||
db.session.rollback()
|
||||
return fail_api(msg=f"更新失败：{e}")
|
||||
return success_api(msg="更新成功")
|
||||
|
||||
|
||||
@bp.delete('/remove/<int:_id>')
|
||||
@authorize("system:nav:remove", log=True)
|
||||
def remove(_id):
|
||||
nav = Nav.query.get(_id)
|
||||
if not nav:
|
||||
return fail_api(msg="导航不存在")
|
||||
db.session.delete(nav)
|
||||
db.session.commit()
|
||||
return success_api(msg="删除成功")
|
||||
|
||||
|
||||
@bp.put('/enable')
|
||||
@authorize("system:nav:edit", log=True)
|
||||
def enable():
|
||||
nav_id = request.get_json(force=True).get('navId')
|
||||
Nav.query.filter_by(id=nav_id).update({"status": 1})
|
||||
db.session.commit()
|
||||
return success_api(msg="已启用")
|
||||
|
||||
|
||||
@bp.put('/disable')
|
||||
@authorize("system:nav:edit", log=True)
|
||||
def disable():
|
||||
nav_id = request.get_json(force=True).get('navId')
|
||||
Nav.query.filter_by(id=nav_id).update({"status": 0})
|
||||
db.session.commit()
|
||||
return success_api(msg="已禁用")
|
||||
@@ -0,0 +1,153 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>{% block title %}{{ site_name|default('BWStudio · 导航') }}{% endblock %}</title>
|
||||
<meta name="description" content="BWStudio 公开导航聚合页：精选开发工具、AI、设计资源、效率工具等优质站点。">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui@2.9.7/dist/css/layui.css">
|
||||
<style>
|
||||
:root {
|
||||
--brand: #16baaa;
|
||||
--bg: #f5f7fa;
|
||||
--card-bg: #ffffff;
|
||||
--text: #2c3e50;
|
||||
--text-muted: #6c7a89;
|
||||
--border: #e8eef0;
|
||||
--shadow: 0 2px 12px rgba(0,0,0,0.06);
|
||||
--shadow-hover: 0 8px 24px rgba(22, 186, 170, 0.18);
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
}
|
||||
.topbar {
|
||||
background: linear-gradient(135deg, #16baaa 0%, #2e8de8 100%);
|
||||
color: #fff;
|
||||
padding: 56px 0 48px;
|
||||
}
|
||||
.topbar .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||
.topbar h1 { font-size: 36px; margin: 0 0 8px; font-weight: 600; }
|
||||
.topbar .sub { font-size: 15px; opacity: 0.92; }
|
||||
.topbar .actions { margin-top: 18px; }
|
||||
.topbar .actions a {
|
||||
display: inline-block;
|
||||
padding: 6px 14px;
|
||||
margin-right: 8px;
|
||||
background: rgba(255,255,255,0.18);
|
||||
border: 1px solid rgba(255,255,255,0.35);
|
||||
color: #fff;
|
||||
border-radius: 999px;
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.topbar .actions a:hover { background: rgba(255,255,255,0.32); }
|
||||
|
||||
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||||
|
||||
.section { margin: 32px 0; }
|
||||
.section-header {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 16px;
|
||||
border-left: 4px solid var(--brand);
|
||||
padding-left: 12px;
|
||||
}
|
||||
.section-header h2 {
|
||||
font-size: 20px;
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
.section-header .meta { font-size: 13px; color: var(--text-muted); }
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
|
||||
gap: 16px;
|
||||
}
|
||||
.card {
|
||||
background: var(--card-bg);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 10px;
|
||||
padding: 18px;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
box-shadow: var(--shadow);
|
||||
transition: all 0.25s ease;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
.card:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: var(--shadow-hover);
|
||||
border-color: var(--brand);
|
||||
}
|
||||
.card .title-row {
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
}
|
||||
.card .icon-wrap {
|
||||
width: 36px; height: 36px;
|
||||
background: rgba(22, 186, 170, 0.1);
|
||||
color: var(--brand);
|
||||
border-radius: 8px;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
font-size: 18px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.card .title {
|
||||
font-size: 15px; font-weight: 600; color: var(--text);
|
||||
flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
|
||||
}
|
||||
.card .desc {
|
||||
font-size: 13px; color: var(--text-muted);
|
||||
line-height: 1.5;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
min-height: 38px;
|
||||
}
|
||||
.card .url {
|
||||
font-size: 12px; color: #b0bac3;
|
||||
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
|
||||
}
|
||||
.empty {
|
||||
text-align: center; padding: 48px 0; color: var(--text-muted);
|
||||
}
|
||||
|
||||
footer.site-footer {
|
||||
margin-top: 48px; padding: 24px 0;
|
||||
text-align: center; color: var(--text-muted); font-size: 13px;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
</style>
|
||||
{% block extra_head %}{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<header class="topbar">
|
||||
<div class="container">
|
||||
<h1>{{ site_name|default('BWStudio · 导航') }}</h1>
|
||||
<div class="sub">{% block subtitle %}精选优质站点，按分类聚合展示 · 共 {{ total|default(0) }} 个链接{% endblock %}</div>
|
||||
<div class="actions">
|
||||
<a href="{{ url_for('public_nav.index') }}">🏠 首页</a>
|
||||
<a href="/admin/login">🔐 登录后台</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
{% block content %}{% endblock %}
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
© 2026 BWStudio · 基于 <a href="https://gitea.bwhome.top/bwadmin/pear-admin-flask" style="color:var(--brand);">Pear Admin Flask</a> 构建
|
||||
</footer>
|
||||
|
||||
{% block extra_js %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,36 @@
|
||||
{% extends 'public/base.html' %}
|
||||
|
||||
{% block title %}{{ category }} - {{ site_name }}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section class="section">
|
||||
<div class="section-header">
|
||||
<h2>{{ category }}</h2>
|
||||
<div class="meta">
|
||||
共 {{ items|length }} 个 ·
|
||||
<a href="{{ url_for('public_nav.index') }}">← 返回首页</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if not items %}
|
||||
<div class="empty">该分类下暂无导航。</div>
|
||||
{% else %}
|
||||
<div class="grid">
|
||||
{% for item in items %}
|
||||
<a class="card"
|
||||
href="{{ item.url }}"
|
||||
{% if item.is_external %}target="_blank" rel="noopener noreferrer"{% endif %}>
|
||||
<div class="title-row">
|
||||
<div class="icon-wrap">
|
||||
<i class="layui-icon {{ item.icon }}"></i>
|
||||
</div>
|
||||
<div class="title">{{ item.title }}</div>
|
||||
</div>
|
||||
<div class="desc">{{ item.description or '暂无描述' }}</div>
|
||||
<div class="url">{{ item.url }}</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,38 @@
|
||||
{% extends 'public/base.html' %}
|
||||
|
||||
{% block content %}
|
||||
{% if not groups %}
|
||||
<div class="empty">
|
||||
<i class="layui-icon layui-icon-face-surprised" style="font-size:48px;color:#ccc;"></i>
|
||||
<p>暂无导航数据，请先在后台【系统管理 → 导航管理】添加。</p>
|
||||
</div>
|
||||
{% else %}
|
||||
{% for category, items in groups.items() %}
|
||||
<section class="section">
|
||||
<div class="section-header">
|
||||
<h2>{{ category }}</h2>
|
||||
<div class="meta">
|
||||
共 {{ items|length }} 个 ·
|
||||
<a href="{{ url_for('public_nav.category_detail', name=category) }}">查看全部 →</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid">
|
||||
{% for item in items %}
|
||||
<a class="card"
|
||||
href="{{ item.url }}"
|
||||
{% if item.is_external %}target="_blank" rel="noopener noreferrer"{% endif %}>
|
||||
<div class="title-row">
|
||||
<div class="icon-wrap">
|
||||
<i class="layui-icon {{ item.icon }}"></i>
|
||||
</div>
|
||||
<div class="title">{{ item.title }}</div>
|
||||
</div>
|
||||
<div class="desc">{{ item.description or '暂无描述' }}</div>
|
||||
<div class="url">{{ item.url }}</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>新增导航</title>
|
||||
{% include 'system/common/header.html' %}
|
||||
</head>
|
||||
<body>
|
||||
<div class="layui-form" lay-filter="nav-form" style="padding: 20px 30px 0 0;">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="category" required lay-verify="required" placeholder="如：开发工具 / AI / 设计资源"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标题</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="显示在卡片上的名称"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">链接 URL</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="url" required lay-verify="required|url"
|
||||
placeholder="https://example.com" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">简介</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="description" placeholder="选填，鼠标悬停时显示" class="layui-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图标</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="icon" placeholder="layui-icon-website / layui-icon-ai / 等"
|
||||
autocomplete="off" class="layui-input" value="layui-icon-link">
|
||||
<div class="layui-form-mid layui-word-aux">参考：<a href="https://layui.dev/web/doc/element/icon.html" target="_blank">layui 图标库</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="sort" value="0" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="isExternal" value="1" title="外链（新窗口）" checked>
|
||||
<input type="radio" name="isExternal" value="0" title="站内（当前窗口）">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="status" value="1" title="启用" checked>
|
||||
<input type="radio" name="status" value="0" title="禁用">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="nav-submit">保存</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include 'system/common/footer.html' %}
|
||||
<script>
|
||||
layui.use(['form', 'layer'], function(){
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
var $ = layui.$;
|
||||
|
||||
form.on('submit(nav-submit)', function(data){
|
||||
$.ajax({
|
||||
url: '/system/nav/save',
|
||||
type: 'POST',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify(data.field),
|
||||
success: function(res){
|
||||
if (res.success) {
|
||||
layer.msg(res.msg, {icon: 1});
|
||||
parent.layui.table.reload('nav-table');
|
||||
setTimeout(function(){ parent.layer.closeAll(); }, 800);
|
||||
} else {
|
||||
layer.msg(res.msg, {icon: 2});
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>编辑导航</title>
|
||||
{% include 'system/common/header.html' %}
|
||||
</head>
|
||||
<body>
|
||||
<div class="layui-form" lay-filter="nav-form" style="padding: 20px 30px 0 0;">
|
||||
<input type="hidden" name="id" value="{{ nav.id }}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="category" required lay-verify="required" value="{{ nav.category }}"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标题</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" value="{{ nav.title }}"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">链接 URL</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="url" required lay-verify="required|url" value="{{ nav.url }}"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">简介</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="description" class="layui-textarea">{{ nav.description or '' }}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">图标</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="icon" value="{{ nav.icon }}" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="sort" value="{{ nav.sort }}" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="isExternal" value="1" title="外链（新窗口）" {% if nav.is_external == 1 %}checked{% endif %}>
|
||||
<input type="radio" name="isExternal" value="0" title="站内（当前窗口）" {% if nav.is_external != 1 %}checked{% endif %}>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="status" value="1" title="启用" {% if nav.status == 1 %}checked{% endif %}>
|
||||
<input type="radio" name="status" value="0" title="禁用" {% if nav.status != 1 %}checked{% endif %}>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="nav-submit">保存</button>
|
||||
<button type="button" class="layui-btn layui-btn-primary" onclick="parent.layer.closeAll();">取消</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include 'system/common/footer.html' %}
|
||||
<script>
|
||||
layui.use(['form', 'layer'], function(){
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
var $ = layui.$;
|
||||
|
||||
form.on('submit(nav-submit)', function(data){
|
||||
$.ajax({
|
||||
url: '/system/nav/update',
|
||||
type: 'PUT',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify(data.field),
|
||||
success: function(res){
|
||||
if (res.success) {
|
||||
layer.msg(res.msg, {icon: 1});
|
||||
parent.layui.table.reload('nav-table');
|
||||
setTimeout(function(){ parent.layer.closeAll(); }, 800);
|
||||
} else {
|
||||
layer.msg(res.msg, {icon: 2});
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,177 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>导航管理</title>
|
||||
{% include 'system/common/header.html' %}
|
||||
</head>
|
||||
<body class="layui-layout-body pear-admin">
|
||||
<div class="layui-layout layui-layout-admin">
|
||||
{% include 'system/common/head.html' %}
|
||||
{% include 'system/common/side.html' %}
|
||||
<div class="layui-body">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">
|
||||
<span class="layui-icon layui-icon-link"></span> 导航管理
|
||||
<button class="layui-btn layui-btn-sm layui-btn-normal" style="float:right;margin-top:-6px;"
|
||||
lay-event="add" id="btn-add">
|
||||
<i class="layui-icon layui-icon-add-1"></i> 新增导航
|
||||
</button>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form" lay-filter="search-form">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">关键词</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="keyword" placeholder="标题/链接/简介" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">分类</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="category" placeholder="按分类过滤" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<button type="button" class="layui-btn" lay-submit lay-filter="search">搜索</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<table id="nav-table" lay-filter="nav-table"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'system/common/footer.html' %}
|
||||
</div>
|
||||
|
||||
{% raw %}
|
||||
<script type="text/html" id="col-status">
|
||||
{{# if(d.status === 1){ }}
|
||||
<span class="layui-badge layui-bg-green">启用</span>
|
||||
{{# } else { }}
|
||||
<span class="layui-badge layui-bg-gray">禁用</span>
|
||||
{{# } }}
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="col-external">
|
||||
{{# if(d.is_external === 1){ }}
|
||||
<span class="layui-badge layui-bg-blue">外链</span>
|
||||
{{# } else { }}
|
||||
<span class="layui-badge">站内</span>
|
||||
{{# } }}
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="col-op">
|
||||
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
||||
{{# if(d.status === 1){ }}
|
||||
<a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="disable">禁用</a>
|
||||
{{# } else { }}
|
||||
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="enable">启用</a>
|
||||
{{# } }}
|
||||
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="remove">删除</a>
|
||||
</script>
|
||||
{% endraw %}
|
||||
|
||||
<script>
|
||||
layui.use(['table', 'form', 'layer'], function(){
|
||||
var table = layui.table;
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
var $ = layui.$;
|
||||
|
||||
var renderTable = function(){
|
||||
var keyword = $('input[name="keyword"]').val();
|
||||
var category = $('input[name="category"]').val();
|
||||
table.render({
|
||||
elem: '#nav-table',
|
||||
url: '/system/nav/data',
|
||||
where: { keyword: keyword, category: category },
|
||||
page: true,
|
||||
limit: 20,
|
||||
cols: [[
|
||||
{field: 'id', title: 'ID', width: 60},
|
||||
{field: 'category', title: '分类', width: 120},
|
||||
{field: 'title', title: '标题', width: 180},
|
||||
{field: 'url', title: '链接', minWidth: 200},
|
||||
{field: 'icon', title: '图标', width: 100},
|
||||
{field: 'sort', title: '排序', width: 70},
|
||||
{field: 'is_external', title: '类型', width: 80, templet: '#col-external'},
|
||||
{field: 'status', title: '状态', width: 80, templet: '#col-status'},
|
||||
{field: 'create_at', title: '创建时间', width: 170},
|
||||
{fixed: 'right', title: '操作', toolbar: '#col-op', width: 220}
|
||||
]],
|
||||
response: {
|
||||
statusCode: 200
|
||||
},
|
||||
parseData: function(res){
|
||||
return {
|
||||
code: res.success ? 0 : 1,
|
||||
msg: res.msg,
|
||||
count: res.count || 0,
|
||||
data: res.data || []
|
||||
};
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
renderTable();
|
||||
|
||||
form.on('submit(search)', function(data){
|
||||
renderTable();
|
||||
return false;
|
||||
});
|
||||
|
||||
$('#btn-add').on('click', function(){
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '新增导航',
|
||||
area: ['640px', '600px'],
|
||||
content: '/system/nav/add'
|
||||
});
|
||||
});
|
||||
|
||||
table.on('tool(nav-table)', function(obj){
|
||||
var data = obj.data;
|
||||
if (obj.event === 'edit'){
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '编辑导航',
|
||||
area: ['640px', '600px'],
|
||||
content: '/system/nav/edit?navId=' + data.id
|
||||
});
|
||||
} else if (obj.event === 'remove'){
|
||||
layer.confirm('确定删除该导航吗？', function(idx){
|
||||
$.ajax({
|
||||
url: '/system/nav/remove/' + data.id,
|
||||
type: 'DELETE',
|
||||
success: function(res){
|
||||
if (res.success) { layer.msg(res.msg); obj.del(); }
|
||||
else layer.msg(res.msg);
|
||||
}
|
||||
});
|
||||
layer.close(idx);
|
||||
});
|
||||
} else if (obj.event === 'enable'){
|
||||
$.ajax({
|
||||
url: '/system/nav/enable',
|
||||
type: 'PUT',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify({navId: data.id}),
|
||||
success: function(res){ layer.msg(res.msg); renderTable(); }
|
||||
});
|
||||
} else if (obj.event === 'disable'){
|
||||
$.ajax({
|
||||
url: '/system/nav/disable',
|
||||
type: 'PUT',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify({navId: data.id}),
|
||||
success: function(res){ layer.msg(res.msg); renderTable(); }
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user