yukai08008
yukai08008

Python 全栈系列4 - BS4基础页面

1 说明

计划以BS4的风格进行排版，然后层级的嵌套各个功能到基础页面。
具体来说：

  • 1 基础页面具有导航栏和侧边栏
    • 1 导航栏主要提供页面内的内容导航
    • 2 侧边栏提供以用户为中心的内容导航
  • 2 内容部分
    • 1 以行(row)展示内容
    • 2 每行的内容只有两种形式
      • 1 简单的H5格式文本或者Markdown
      • 2 iframe嵌入网页

灵活性主要在iframe嵌入的网页上：主要有多标签页的网页、步骤条导航、图（由pyecharts或者d3js生成，允许异步拉取数据的网页）、表（DataTables)、由Jquery控制的元素页面。

2 基础页面

基础页面提供了上述的基本框架和模板。粗略的可以分为四部分：

  • 1 Part1 Head
    • 头部，主要引入各种依赖的css和js
  • 2 Part2 nav
    • 提供内面内和页面间的导航，可以把页面内的导航放在靠左的位置，页面间的导航放在靠右的位置
  • 3 Part3 sidenav
    • 可收缩的侧边栏，提供以用户为中心的一些设置，例如DashBoard
  • 4 Part4 Row-Based Content
    • 基于行的内容填充

3 代码解释

第一部分是头部，引入了诸如页面标签，屏幕影响等设置，最主要的部分则是引入了支持后续调用的css和js.



<head>
    
    <link rel="shortcut icon" href="/static/img/general/tem_logo.ico" type="image/x-icon">
    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    
    <link rel="stylesheet" href="/static/vendor/Bootstrap/css/bootstrap.min.css">
    <script src="/static/vendor/jquery/jquery.js">script>
    <script src="/static/vendor/Bootstrap/js/popper.min.js">script>
    <script src="/static/vendor/Bootstrap/js/bootstrap.min.js">script>
    
    <link rel="stylesheet" href="/static/vendor/FontAwesome/css/font-awesome.min.css">
    
    
    <link rel="stylesheet" href="/static/vendor/DataTables/css/dataTable.css">
    <script src="/static/vendor/DataTables/js/dataTable.js">script>


    
    <link rel="stylesheet" href="/static/css/page.css">
    <script src="/static/js/page_control.js">script>
    <script>
        $(document).ready(function () {
            $('[data-toggle="tooltip"]').tooltip();
        });
        $(document).ready(function () {
            $('[data-toggle="popover"]').popover();
        });
    script>

head>

第二和第三部分从标签上看是挨在一起的，第三部分（sidebar)属于第二部分。这里并没有对标签的导航做任何限制。
第二部分一般从左到右分别显示公司的logo（链接到主页），页面内部的导航和页面间的导航。
第三部分从上到下分别是头像，和各个功能块的链接。



<nav class="navbar navbar-expand-md navbar-dark bg-dark navbar-offcanvas fixed-top" style="position: sticky;">




<ul  class="navbar-nav navbar-top">
<button class="navbar-toggler navbar-toggler-right navbar-icon" data-target="#navbar-mobile"
    aria-controls="navbar-mobile" aria-expanded="false" aria-label="Toggle navigation">
    <span class="icon-bar bar1">span>
    <span class="icon-bar bar2">span>
    <span class="icon-bar bar3">span>
button>
ul>


<div class="navbar-collapse collapse ml-auto" id="navbar-mobile">
    <ul class="navbar-nav ml-auto">
        
        <li class="nav-image"><img src="{{url_for('static',filename='img/general/sample.png')}}"
                alt="侧边栏图片"  class="rounded-circle">li>

        
        <li class="nav-item">
            <div class="card bg-primary text-white">
                <div class="card-body"><a href="#" class="card-link text-white">侧边栏链接1a>
                div>
            div>
        li>

    ul>
div>
nav>

第四部分是内容部分，包含在body标签之内。这里的第一行插入了一列，内容是普通文本。（如果想占满一行则修改列的class为col md-12）
行和行之前为了增加一些分隔区域，还插入了一个空的盒子（class = m-5)
元素距离参考
影响距离大小的值有
0,1,2,3,4,5,auto

类名 作用
m-5 等价于{margin:3rem !important}

第二行插入了一个iframe。这个内嵌网页独立与当前页，因此其内容和形式是可以单独设置的。


<body>
    <div class="container">
        
        <div class="row">
            <div class="col">
                First Row First Col
            div>
        div>
        
        
        <div class="m-5">div>
        
        <div class="row">
            <div class="col">
                <iframe src="{{url_for('main.page2')}}" frameborder="0" width="100%" height="500px">iframe>
            div>
        div>
        
        <div class="row">
            <div class="col">
                Third Row ....
            div>
        div>

    div>
body>

不要忘记在视图函数中增加：

# page3_base
@main.route('/page3', methods=['GET', 'POST'])
def page3():
    return render_template('page3_base.html')

4 效果

访问：http://localhost:5000/page3
可以看到，第二行嵌入的是page2的内容。
Python 全栈系列4 - BS4基础页面_第1张图片

你可能感兴趣的:(全栈)

  • Spring Boot Starter 设计原理与实战：打造企业级自定义启动器 fanxbl957 Webspringboot后端java
    博主介绍：Java、Python、js全栈开发“多面手”，精通多种编程语言和技术，痴迷于人工智能领域。秉持着对技术的热爱与执着，持续探索创新，愿在此分享交流和学习，与大家共进步。全栈开发环境搭建运行攻略：多语言一站式指南(环境搭建+运行+调试+发布+保姆级详解)感兴趣的可以先收藏起来，希望帮助更多的人SpringBootStarter设计原理与实战：打造企业级自定义启动器一、引言在当今的企业级Ja
  • 【python】Python中常见的KeyError报错分析 景天科技苑 python开发语言python报错KeyError
    ✨✨欢迎大家来到景天科技苑✨✨养成好习惯，先赞后看哦~作者简介：景天科技苑《头衔》：大厂架构师，华为云开发者社区专家博主，阿里云开发者社区专家博主，CSDN全栈领域优质创作者，掘金优秀博主，51CTO博客专家等。《博客》：Python全栈，前后端开发，小程序开发，人工智能，js逆向，App逆向，网络系统安全，数据分析，Django，fastapi，flask等框架，linux，shell脚本等实操
  • 利用Python进行数据可视化（Plotly与Dash的应用） 步入烟尘 Python超入门指南全册信息可视化pythonplotly
    本文已收录于《Python超入门指南全册》本专栏专门针对零基础和需要进阶提升的同学所准备的一套完整教学，从基础到精通不断进阶深入，后续还有实战项目，轻松应对面试，专栏订阅地址：https://blog.csdn.net/mrdeam/category_12647587.html优点：订阅限时19.9付费专栏，私信博主还可进入全栈VIP答疑群，作者优先解答机会（代码指导、远程服务），群里大佬众多可以
  • 【H2O2 | 软件开发】什么是Promise？ 过期的H2O2 【H2O2】全栈面试题前端javascriptecmascript6
    目录前言开篇语准备工作正文概述三种状态创建和使用链式操作多对象处理语法糖回调地狱和优化结束语前言开篇语本系列为短篇，每次讲述少量知识点，无需一次性灌输太多的新知识点。该主题文章主要是围绕前端、全栈开发相关面试常见问题撰写的，希望对诸位有所帮助。如果您需要为面试八股文做准备，笔者建议重点关注加粗强调部分，它们是概念中的关键词。准备工作软件：【参考版本】VisualStudioCode系统版本：Win
  • 程序员必看！DeepSeek全栈开发实战指南：从代码生成到性能优化 AI创享派 后端
    一、DeepSeek技术新突破：程序员效率革命（开篇结合最新技术动态）2025年2月25日，DeepSeek接连放出两大技术王牌：全球首个面向MoE模型的全栈通信库DeepEP开源，以及深度思考R1模型的全面升级。这两项技术突破对程序员群体意义重大：通信效率飞跃：DeepEP通过NVLink优化实现GPU间158GB/s传输速度，后端开发者训练大模型时可节省60%集群资源推理性能突破：R1模型在H
  • 【Java】已解决：`java.sql.SQLSyntaxErrorException: SQL` 屿小夏 javasql开发语言
    个人简介：某不知名博主，致力于全栈领域的优质博客分享|用最优质的内容带来最舒适的阅读体验！文末获取免费IT学习资料！文末获取更多信息精彩专栏推荐订阅收藏专栏系列直达链接相关介绍书籍分享点我跳转书籍作为获取知识的重要途径，对于IT从业者来说更是不可或缺的资源。不定期更新IT图书，并在评论区抽取随机粉丝，书籍免费包邮到家AI前沿点我跳转探讨人工智能技术领域的最新发展和创新，涵盖机器学习、深度学习、自然
  • 纵存科技加入OurBMC，共建高性能存储技术栈 程序员
    近日，上海纵存科技有限公司（简称“纵存科技”）签署CLA（ContributorLicenseAgreement，贡献者许可协议），宣布正式加入OurBMC社区。纵存科技专注于为用户提供存储互联的全栈解决方案，致力于在操作系统的存储软件栈与存储互联芯片（HBA/RAID/Expander/Switch）进行全栈创新，同时也积极参与开源社区的技术平台搭建与开源技术共享。纵存科技创始人王硕表示：“纵存
  • GraphQL 是一种现代化的 API 查询语言和运行时 getapi graphqlmicrosoft后端
    GraphQL是一种现代化的API查询语言和运行时，由Facebook开发并于2015年开源。它提供了一种更高效、灵活的方式来获取数据，解决了传统RESTfulAPI中的一些痛点（如过度获取或不足获取数据）。GraphQL在全栈开发中越来越受欢迎，特别是在需要复杂数据交互的应用中。以下是关于GraphQL的详细介绍以及如何在项目中使用它的指南。1.GraphQL的核心特点GraphQL的主要优势在
  • 2024年运维最新【Linux】基础IO —— 缓冲区深度剖析_linux io 缓冲区大小(2)，2024年最新张口就来 JavaScript高级 程序员运维linux服务器
    最全的Linux教程，Linux从入门到精通======================linux从入门到精通(第2版)Linux系统移植Linux驱动开发入门与实战LINUX系统移植第2版Linux开源网络全栈详解从DPDK到OpenFlow第一份《Linux从入门到精通》466页====================内容简介====本书是获得了很多读者好评的Linux经典畅销书**《Linu
  • 【宇宙回响】从Canvas到MySQL：飞机大战的全栈交响曲【附演示视频与源码】 果冻kk 小游戏开发mysql音视频数据库前端html5javaspringboot
    这是星际大战系列的第三篇送福利文章，感谢一路以来支持和关注这个项目的每一位朋友！文章力求严谨，但难免有疏漏之处，欢迎各位朋友指出，让我们一起在交流中进步。项目代码、文档和相关资源都可以免费获取，希望能帮助到更多对游戏开发感兴趣的朋友。如果您有任何想法、建议或疑问，都欢迎在评论区留言或通过私信与我交流。您的每一个反馈都是项目进步的动力！文章目录【福利分享】星际大战飞机大战升级版-前后端完整版本前言演
  • 〖Python 数据库开发实战 - MySQL篇⑰〗- 聚合函数的使用 哈哥撩编程 #⑤-数据库开发实战篇Python全栈白宝书python数据库开发mysql聚合函数
    订阅Python全栈白宝书-零基础入门篇可报销！白嫖入口-请点击我。推荐他人订阅，可获取扣除平台费用后的35%收益，文末名片加V！说明：该文属于Python全栈白宝书专栏，免费阶段订阅数量4300+，购买任意白宝书体系化专栏可加入TFS-CLUB私域社区。福利：加入社区的小伙伴们，除了可以获取博主所有付费专栏的阅读权限之外，还有机会加入星荐官共赢计划，详情请戳我。作者：不渴望力量的哈士奇(哈哥)，
  • 最新计算机专业毕设论文选题大全基于BeautifulSoup的毕业设计详细题目100套优质毕设项目分享(源码+论文)✅ 会写代码的羊 毕设选题课程设计beautifulsoup毕业设计毕业设计题目毕设题目python网络爬虫
    文章目录前言最新毕设选题（建议收藏起来）基于BeautifulSoup的毕业设计选题毕设作品推荐前言2025全新毕业设计项目博主介绍：✌全网粉丝10W+,CSDN全栈领域优质创作者，博客之星、掘金/华为云/阿里云等平台优质作者。技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大数据、机器学习等设计与开发。主要内容：免费
  • 全栈网络安全-渗透测试-2 始终奔跑在路上 网络安全web安全安全网络安全
    web架构&常规化&站库分离&前后端分离1.常规化原理：常规化是指源码和数据都部署在同一服务器上。特点：优势：搭建便捷，自定义程度高。劣势：安全性较低，因为数据库和代码在同一服务器上，容易被攻击。适用场景：适合小型项目或个人开发，对安全性要求不高的场景。2.站库分离原理：源码和数据库分别部署在不同的服务器上。特点：优势：提高了安全性，因为数据库被单独存放，攻击者即使获取了服务器权限，也难以直接访问
  • MySQL探秘之旅：总体架构介绍 互联网全栈架构 mysql架构数据库
    欢迎关注微信公众号：互联网全栈架构自从《吃透Redis系列》阅读量屡创新高之后，更加坚定了创作技术系列文章的决心，从而让朋友们获得更加体系化的知识。当然，这是一件非常不容易的事情，让每篇文章都能单独成篇且质量上乘，同时，把它们连起来以后又能构成一个体系，着实困难。但不管如何，我觉得这样的方向和做法没有问题，应该会受到大家的欢迎，那就迎难而上。上次做了一个统计，相对来说，大家对于MySQL的文章比较
  • 深入解密 ：Postman、Apipost和Apifox API 协议与工具选择
    作为一个一个每天和API“打交道”的全栈开发者，我的日常就是在一堆请求回应之间探寻系统间的“沟通艺术”。熟悉API的各种协议和工具，几乎成了我的谋生技能。今天，我就把自己积累多年的“血泪教训”和经验打包成一篇文章，献给和我一样的开发同胞们，带你一网打尽API的协议类型和工具选择，让你工作效率飙升，开发道路越走越顺！API常见协议及适用场景解析API的协议就像一根根看不见的“桥梁”，将用户请求灵活而
  • python提取excel数据批量生成固定格式的word文件的问题 鱼弦 【HOT】技术热谈excelword
    鱼弦：公众号【红尘灯塔】，CSDN博客专家、内容合伙人、新星导师、全栈领域优质创作者、51CTO(Top红人+专家博主)、github开源爱好者（go-zero源码二次开发、游戏后端架构https://github.com/Peakchen）使用Python从Excel中提取数据并生成固定格式的Word文档1.介绍本项目旨在介绍如何使用Python从Excel中提取数据并生成固定格式的Word文档
  • kube-prometheus-stack部署prometheus全栈监控k8s 时空无限 Kuberneteskubernetes
    添加源helmrepoaddprometheus-communityhttps://prometheus-community.github.io/helm-charts更新源helmrepoupdate成功输出Hangtightwhilewegrabthelatestfromyourchartrepositories......Successfullygotanupdatefromthe"prom
  • 【Python】已解决：pip安装第三方模块（库）与PyCharm中不同步的问题（PyCharm添加本地python解释器） 屿小夏 pythonpippycharm
    个人简介：某不知名博主，致力于全栈领域的优质博客分享|用最优质的内容带来最舒适的阅读体验！文末获取免费IT学习资料！文末获取更多信息精彩专栏推荐订阅收藏专栏系列直达链接相关介绍书籍分享点我跳转书籍作为获取知识的重要途径，对于IT从业者来说更是不可或缺的资源。不定期更新IT图书，并在评论区抽取随机粉丝，书籍免费包邮到家AI前沿点我跳转探讨人工智能技术领域的最新发展和创新，涵盖机器学习、深度学习、自然
  • Prompt工程全解析：从入门到精通的终极指南 二川bro 智能AI人工智能prompt
    Prompt工程全解析：从入门到精通的终极指南发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，可以分享一下给大家。点击跳转到网站。https://www.captainbed.cn/ccc一、Prompt设计核心法则1.1角色定位法则[角色设定]你是一位资深全栈工程师，拥有10年React和Node.js开发经验[任务要求]为电商系统设计购物车模块，要求：1.支持商品增删改查2.实时计算总价
  • cursor全栈网页开发最合适的技术架构和开发语言 getapi 架构开发语言
    在使用Cursor（一个基于AI的代码编辑器）进行前后端全栈网页开发时，选择合适的技术架构和开发语言非常重要。以下是一个推荐的技术架构和语言组合，能够帮助你高效开发并充分利用Cursor的功能。1.技术架构推荐对于全栈开发，建议采用MERN/MEAN技术栈或现代化的微前端架构，具体如下：(1)MERN技术栈MERN是MongoDB、Express.js、React和Node.js的缩写，是目前非常
  • 【flask扩展】Flask-SQLAlchemy的安装与配置 爱音斯坦牛 flask框架从入门到实战flaskpython后端
    个人简介作者简介：大家好，我是阿牛，全栈领域新星创作者。博主的个人网站：阿牛的博客小屋支持我：点赞+收藏⭐️+留言系列专栏：flask框架快速入门格言：要成为光，因为有怕黑的人！目录个人简介前言Flask-SQLAlchemy的介绍与数据库驱动的选择Flask-SQLAlchemy与flask-mysqldb的安装Flask-SQLAlchemy的配置其他常用的SQLAlchemy字段类型常用的S
  • Java 基础到进阶&企业技巧（二） Aphelios380 开发语言java学习idea学习方法
    在Java学习的旅程中，我们逐步探索了其丰富的知识体系，从基础的数据类型、字符串操作，到流程控制、运算符的运用，每一步都为我们构建强大的编程能力奠定基石。同时，了解这些知识在Java全栈开发中的应用场景，对未来进入企业工作至关重要。目录一、字符串1.底层原理与语法2.字符串位置与拼接3.字符串数组操作二、人机交互1.接收输入-Scanner类2.课堂练习三、字符与编码1.char字符2.面试题：字
  • Oracle 数据库基础入门（七）：触发器与事务的深度探究 Aphelios380 Oracleoracle数据库javasql
    在Oracle数据库的生态系统中，触发器与事务是构建可靠、高效数据处理流程的关键组件。触发器能够自动响应特定数据库事件执行预设操作，而事务则确保一组数据库操作的原子性、一致性、隔离性和持久性。对于Java全栈开发者而言，深入理解并熟练运用触发器与事务，不仅能提升数据库操作的精细化程度，还能为构建稳健的企业级应用提供坚实支撑。让我们一同深入探索Oracle数据库中的触发器与事务。目录一、触发器（一）
  • Express.js 是一个轻量级、灵活且功能强大的 Node.js Web 应用框架 getapi 前端expressjavascript
    Express.js是一个轻量级、灵活且功能强大的Node.jsWeb应用框架，广泛用于构建Web应用程序和API。它以其简洁的语法和模块化设计而闻名，非常适合快速开发后端服务。以下是关于Express.js的详细介绍以及如何高效使用它的指南。1.Express.js的核心特点Express.js提供了一系列强大的功能，使其成为全栈开发中的首选后端框架之一：(1)路由管理支持定义URL路径与处理函
  • 程序员必看！DeepSeek全栈开发指南：从代码生成到分布式训练的黑科技解析 AI创享派 后端
    一、DeepSeek技术新突破：程序员必须掌握的MoE架构实战2025年2月25日，DeepSeek开源了专为MoE模型设计的DeepEP通信库，这项技术革新直接影响了分布式训练和推理效率。该库支持FP8精度与NVLink/RDMA技术，吞吐量提升3倍以上，特别适合处理千亿级参数的分布式任务。对于后端工程师而言，DeepEP的以下特性值得关注：计算-通信重叠机制：通过回调函数实现GPU资源动态分配
  • DeepSeek：全栈开发者视角下的AI革命者 大富大贵7 程序员知识储备1程序员知识储备2程序员知识储备3人工智能
    DeepSeek：全栈开发者视角下的AI革命者写在前面随着人工智能（AI）技术的不断进步，AI已经成为各行各业创新的核心动力。从自动驾驶到智能制造，再到自然语言处理和图像识别，AI正在逐渐渗透并改变着我们的生活和工作方式。DeepSeek，作为AI领域的新兴技术，凭借其独特的技术架构和颠覆性的创新理念，成为了全栈开发者关注的焦点。本文将从全栈开发者的角度出发，详细解析DeepSeek的诞生、技术架
  • 破解“光伏+储能+充电”一体化难题！安科瑞全方案打造智慧能源新标杆 Acrelgq23 能源
    安科瑞顾强破解“光伏+储能+充电”一体化难题！安科瑞全方案打造智慧能源新标杆在“双碳”目标驱动下，光伏储能与充电桩的融合成为能源转型的关键场景。然而，多电源协同、保护逻辑冲突、运维可靠性低等难题，让许多充电站项目陷入“技术泥潭”。如何破局？安科瑞以全栈技术方案给出答案——从智能继电保护到智慧能源管理，一站式解决光储充一体化设计痛点，助力充电站高效、安全、经济运营！痛点直击：光储充一体化为何难落地？
  • DeepSeek：技术创作者的内容革命，从代码到爆文的AI全栈攻略 不想加班的码小牛 人工智能aichatgpt
    一、为什么技术创作者需要关注DeepSeek？作为CSDN的资深用户，你是否经历过这些痛点？选题焦虑：技术热点日新月异，如何抓住「大模型优化」或「量子计算落地」等前沿方向？写作卡顿：明明代码跑通了，却在技术原理描述环节反复修改效率瓶颈：既要写技术文档又要运营专栏，时间永远不够用DeepSeek的多模态理解能力（支持代码+自然语言混合输入）和领域自适应特性（自动识别技术文档/教程/测评等文体），让它
  • 孪生网络模型，当训练集与测试集共用一个数据集时，训练准确率为100%，而测试准确率仍在50%左右浮动 bug菌¹ 全栈Bug调优(实战版)pytorch机器学习
    本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！问题描述【问题】孪生网络模型，测试效果异常：当训练集与测试集共用一个数据集（样本、标签完全相同）时，训练准确率为100%，而测试准确率仍在50%左右浮动（正常来说测试的都
  • FastAPI安全防护指南：构建坚不可摧的参数处理体系 qcidyu fastapi安全
    扫描二维码关注或者微信搜一搜：编程智域前端至全栈交流与成长探索数千个预构建的AI应用，开启你的下一个伟大创意第一章：输入验证体系1.1类型安全革命frompydanticimportBaseModel,PaymentCardNumberfrompydantic.typesimportSecretStrclassUserRequest(BaseModel):username:str=Field(mi
  • tomcat基础与部署发布 暗黑小菠萝 Tomcat java web
    从51cto搬家了，以后会更新在这里方便自己查看。 做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。 一、Tomcat安装     安装方式：①运行.exe安装包      &n
  • 网站架构发展的过程 ayaoxinchao 数据库应用服务器网站架构
    1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
  • [信息与安全]数据库的备份问题 comsci 数据库
          如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题   如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢?    是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢?  &n
  • 使用maven tomcat plugin插件debug关联源代码 商人shang mavendebug查看源码tomcat-plugin
    *首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 *配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
  • 大访问量高并发 oloz 大访问量高并发
    大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简 要列出几点解决方案： 01、优化你的代码和查询语句，合理使用索引 02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 03、采用服务器集群、负载均衡分担大访问量高并发压力 04、数据读写分离 05、合理选用框架，合理架构(推荐分布式架构)。
  • cache 服务器 小猪猪08 cache
    Cache   即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。 　　1.Cache   是怎么样工作的? 　　Cache   是分配在服务器上
  • mysql存储过程 香水浓 mysql
    Description:插入大量测试数据 use xmpl; drop procedure if exists mockup_test_data_sp; create procedure mockup_test_data_sp( in number_of_records int ) begin declare cnt int; declare name varch
  • CSS的class、id、css文件名的常用命名规则 agevs JavaScriptUI框架Ajaxcss
      CSS的class、id、css文件名的常用命名规则     (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right
  • 全局数据源 AILIKES javatomcatmysqljdbcJNDI
    实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l
  • MYSQL的随机查询的实现方法 baalwolf mysql
    MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，
  • JAVA的getBytes()方法 bijian1013 javaeclipseunixOS
        在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！      String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： byte[] b_gbk = "
  • AngularJS中操作Cookies bijian1013 JavaScriptAngularJSCookies
            如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。         幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎
  • [Maven学习笔记五]Maven聚合和继承特性 bit1129 maven
    Maven聚合   在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块： 1. 模型和数据持久化层user-core, 2. 业务逻辑层user-service以 3. web展现层user-web， user-service依赖于user-core user-web依赖于user-core和use
  • 【JVM七】JVM知识点总结 bit1129 jvm
      1. JVM运行模式 1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler
  • linux下查看nginx、apache、mysql、php的编译参数 ronin47
    在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 1、nginx [root@361way ~]# /App/nginx/sbin/nginx -V nginx: nginx version: nginx/
  • unity中运用Resources.Load的方法？ brotherlamp unity视频unity资料unity自学unityunity教程
    问：unity中运用Resources.Load的方法？ 答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 1、unity实时替换的物体即是依据环境条件
  • 线段树-入门 bylijinnan java算法线段树
    /** * 线段树入门 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i] * * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18 * @author lijinna
  • 全选与反选 chicony 全选
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>全选与反选</title>
  • vim一些简单记录 chenchao051 vim
    mac在/usr/share/vim/vimrc linux在/etc/vimrc   1、问：后退键不能删除数据，不能往后退怎么办？       答：在vimrc中加入set backspace=2   2、问：如何控制tab键的缩进？       答：在vimrc中加入set tabstop=4 (任何
  • Sublime Text 快捷键 daizj 快捷键sublime
    [size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：
  • php 引用(&)详解 dcj3sjt126com PHP
    在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址 变量的引用 PHP 的引用允许你用两个变量来指向同一个内容  复制代码代码如下: <?  $a="ABC";  $b =&$a;  echo
  • SVN中trunk,branches,tags用法详解 dcj3sjt126com SVN
    Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。
  • 对软件设计的思考 e200702084 设计模式数据结构算法ssh活动
    软件设计的宏观与微观    软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传
  • 同步、异步、阻塞、非阻塞 geeksun 非阻塞
    同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。   同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。 场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。   异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。 实现：
  • Reverse SSH Tunnel 反向打洞實錄 hongtoushizi ssh
    實際的操作步驟： # 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port ssh -NfR 12345:localhost:22 [email protected] # 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器 ssh localhost -p 1
  • Hibernate中的缓存 Josh_Persistence 一级缓存Hiberante缓存查询缓存二级缓存
    Hibernate中的缓存   一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存
  • 对象关系行为模式之延迟加载 home198979 PHP架构延迟加载
    形象化设计模式实战     HELLO!架构   一、概念 Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。 延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。     二、实现延迟加载 实现Lazy Load主要有四种方法：延迟初始化、虚
  • xml 验证 pengfeicao521 xmlxml解析
    有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 public static void testPattern() { // 含有非法字符的串 String str =       "Jamey&#52828;&#01;&#02;&#209;&#1282
  • div设置半透明效果 spjich css半透明
    为div设置如下样式：   div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}        说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci
  • 你真的了解单例模式么？ w574240966 java单例设计模式jvm
        单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。   一，单例模式的5中写法。（回字的四种写法，哈哈。）     1，懒汉式           （1）线程不安全的懒汉式 public cla
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他