怎么把js和css放在一个公共模板中导入html

js公共模板定义:

document.write('<script src="../../js/res/jquery/jquery/3.3.1/jquery-3.3.1.min.js"></script>')

document.write('    <script type="text/javascript" src="../../js/res/seajs/seajs/2.1.1/sea.js"></script>')
document.write('  <script type="text/javascript" src="../../js/res/seajs/seajs-text/1.0.3/seajs-text.js"></script>')

document.write('  <script src="../../js/res/underscore/1.9.1/underscore-min.js" type="text/javascript"></script>')
document.write('  <script src="../../js/res/backbone/1.3.3/backbone-min.js" type="text/javascript"></script>')

document.write('  <script src="../../js/res/jquery/myScrollTo.js"></script>')

document.write('  <script type="text/javascript" src="../../js/my/commons/config.js"></script>')

html引用:

<script src="../../js/my/commons/commonJs.js"></script>

 

css公共模板定义:

注:定义到js模板里

document.write('<link href="../css/jBootsrapPage.css" rel="stylesheet" type="text/css">');
document.write('<link href="../bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">')

html引用:

<script src="../../js/my/commons/commonCss.js"></script>

 

======以下于你或许是个好消息======

 

好消息就是:欢迎访问下面的博客网站哈哈哈......

 

网站名称:Java学习笔记网  (点击进入)

url:https://www.javaxxbj.com/ (点击进入)

网站特点:

  1. java主要网站的导航目录
  2. 你可以记录自己的博客,并可以控制显示和隐藏,可利于管理啦!!!
  3. 可以添加收藏各个网站的链接!!!
  4. 甚至也可以文章收藏,点赞,关注,查看我的消息等功能哦!!1

看一小点点的截图:

或可一试哦!

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
1. 创建Flask应用程序,并导入相关库 ```python from flask import Flask,request,render_template,jsonify from flask_sqlalchemy import SQLAlchemy ``` 2. 配置数据库 ```python app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql://root:password@localhost:3306/comment' app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False db = SQLAlchemy(app) class Comment(db.Model): id = db.Column(db.Integer, primary_key=True) username = db.Column(db.String(20)) content = db.Column(db.String(200)) ``` 3. 创建路由 ```python @app.route('/') def index(): comments = Comment.query.all() return render_template('index.html', comments=comments) @app.route('/add_comment', methods=['POST']) def add_comment(): username = request.form.get('username') content = request.form.get('content') comment = Comment(username=username, content=content) db.session.add(comment) db.session.commit() return jsonify({'result': 'success'}) ``` 4. 编写HTML模板 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>评论区</title> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css"> <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> </head> <body> <div class="container"> <h1>评论区</h1> <hr> <form id="comment-form"> <div class="form-group"> <label for="username">用户名</label> <input type="text" class="form-control" id="username" name="username"> </div> <div class="form-group"> <label for="content">评论内容</label> <textarea class="form-control" id="content" name="content"></textarea> </div> <button type="submit" class="btn btn-primary">提交</button> </form> <hr> <div id="comment-list"> {% for comment in comments %} <div class="card"> <div class="card-body"> <h5 class="card-title">{{ comment.username }}</h5> <p class="card-text">{{ comment.content }}</p> </div> </div> {% endfor %} </div> </div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="{{ url_for('static', filename='js/script.js') }}"></script> </body> </html> ``` 5. 编写Javascript代码 ```javascript $(function() { $('#comment-form').submit(function(e) { e.preventDefault(); $.ajax({ url: '/add_comment', method: 'POST', data: $(this).serialize(), success: function(res) { if (res.result == 'success') { var username = $('#username').val(); var content = $('#content').val(); var comment = '<div class="card"><div class="card-body"><h5 class="card-title">' + username + '</h5><p class="card-text">' + content + '</p></div></div>'; $('#comment-list').prepend(comment); $('#username').val(''); $('#content').val(''); } } }); }); }); ``` 6. 编写CSS样式 ```css .container { margin-top: 50px; } .card { margin-top: 20px; } ``` 7. 运行Flask应用程序 ```python if __name__ == '__main__': app.run(debug=True) ``` 8. 打开浏览器,访问http://localhost:5000,可以看到评论区页面,输入用户名和评论内容,点击提交按钮,即可添加一条评论。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值