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张图片

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

  • HarmonyOS全栈开发指南：从入门到精通，构建万物智联的未来生态（一） 林钟雪 Harmonyosharmonyos华为
    一、HarmonyOS基础认知篇1.HarmonyOS发展历程与核心使命内容摘要：HarmonyOS，由华为公司于2019年首次公开发布，标志着华为在操作系统领域的深度布局。从最初的智能物联网设备操作系统定位，到如今面向万物智联时代的分布式全场景操作系统，HarmonyOS经历了多次迭代与升级。发展历程：初期探索：2019年，华为正式推出HarmonyOS，旨在打造一个适用于智能物联网设备的操作系
  • JavaScript的魔法世界：巧妙之处与实战技巧 skyksksksksks 综合个人杂记javascript开发语言html5css前端
    一、从浏览器玩具到全栈利器的蜕变之路JavaScript诞生于1995年，原本只是网景公司为浏览器设计的"小脚本"。谁能想到这个曾被戏称为"玩具语言"的家伙，如今已蜕变成支撑现代Web开发的擎天柱？就像一只破茧成蝶的幼虫，JavaScript经历了ECMAScript标准的持续进化，在Node.js的加持下突破了浏览器的桎梏，实现了从客户端到服务端的华丽转身。V8引擎的涡轮增压让它跑得比猎豹还快，
  • 【FastAPI 】FastAPI 模板：提供静态文件 iFakeCoder Flaskfastapipython开发语言
    FastAPI是一个现代、快速（高性能）的Web框架，用于基于标准Python类型提示使用Python3.7+构建API。虽然它的主要用例是构建API，但FastAPI还可以轻松提供静态文件和HTML模板，从而让您可以构建全栈Web应用程序。在此博客中，我们将探讨如何使用FastAPI提供静态文件。我们将介绍基础知识并提供演示以帮助您入门。为什么要提供静态文件？静态文件是不经常更改的资产，并按原样
  • 关于wordpress建站遇到的问题 bug菌¹ 全栈Bug调优(实战版)#CSDN问答解惑(全栈版)android
    本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！问题描述使用Wordpress搭建网站遇到的问题我目前使用了AWS的云服务器在这个云服务器的基础上搭建了AApanel(国内叫宝塔面板),与此同时我也购买了域名和做了DN
  • AnythingLLM 项目安装与配置指南 龙聪山Diane
    AnythingLLM项目安装与配置指南anything-llm为开源和闭源的大型语言模型（LLMs）、嵌入器和向量数据库提供开源的ChatGPT体验。在一个应用中提供无限的文档、消息和并发用户，以及权限管理。项目地址:https://gitcode.com/gh_mirrors/an/anything-llm1.项目基础介绍和主要编程语言AnythingLLM是一个全栈应用程序，旨在帮助用户将任
  • 鸿蒙5.0实战案例：关于图像撕裂、掉帧等异常现象的原理以及优化方案 敢嗣先锋 鸿蒙开发HarmonyOS移动开发harmonyos鸿蒙开发openharmony移动开发ArkUI性能优化
    往期推文全新看点（文中附带全新鸿蒙5.0全栈学习笔录）✏️鸿蒙（HarmonyOS）北向开发知识点记录~✏️鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~✏️鸿蒙应用开发与鸿蒙系统开发哪个更有前景？✏️嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~✏️对于大前端开发来说，转鸿蒙开发究竟是福还是祸？✏️鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？✏️记录一场鸿蒙开发岗位面
  • QT+FFmpeg如何使用GPU加速解码？ bug菌¹ 全栈Bug调优(实战版)qtffmpeg开发语言c++
    本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：问题描述解决方案1.确保FFmpeg和CUDA的支持2.正确选择硬件解码器设置硬件解码器3.初始化CUDA硬件设备4.硬件解码流程解码帧并处理硬件帧5.检查FF
  • .NET 6应用程序适配国产银河麒麟V10系统随记 虚幻私塾 python.net计算机
    优质资源分享学习路线指引（点击解锁）知识定位人群定位Python实战微信订餐小程序进阶级本课程是pythonflask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。Python量化交易实战入门级手把手带你打造一个易扩展、更安全、效率更高的量化交易系统最近想在麒麟系统上运行.NET6程序，经过一番折腾最终完成了，简单记录一下。目标系统:CPU:aarch64架构（ARM6
  • HTML CSS整理笔记（建议收藏） 程序员的生活1 jsweb前端html+csscssjavascripthtmlcss3
    点击链接后退页面：回到上一个网页——修改placeholder提示的样式：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）1.除IE外通用写法类名或标签名::placeholder{color:red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-
  • 【国产自研-神软大数据平台3.4.10】 王旭亮_ 数据治理大数据技术栈大数据数据治理神软产品国产自研
    产品介绍：北京神舟航天软件技术股份有限公司自研全栈式大数据平台神软大数据平台是数据全生命周期一站式数据治理开发平台，提供数据采集、数据集成、数据开发、数据治理、数据服务等功能，支持大数据存储、大数据计算分析引擎等数据底座，充分发挥数据价值作用，聚焦企业数字化转型，提升组织的信息化水平和高效应用决策。1、可以兼容并适配各种服务器（X86\ARM）、操作系统包括Centos、麒麟V10SP3、欧拉（o
  • Pigsty：开源的PostgreSQL全栈解决方案 申华昶
    Pigsty：开源的PostgreSQL全栈解决方案pigstyPostgreSQLinGreatSTYle,Battery-IncludedFreeRDSAlternative!项目地址:https://gitcode.com/gh_mirrors/pi/pigsty在数据库管理的世界里，Pigsty以其独特的魅力和强大的功能，成为了开源社区中的一颗璀璨明星。本文将深入介绍Pigsty项目，分析
  • Node.js 环境搭建指南（手动下载并安装Node.js） MAX_WT node.js服务器javascript
    在服务器上部署Node.js环境是开发全栈应用、运行JavaScript服务端代码的基础步骤。本文将详细介绍如何在Linux服务器上搭建Node.js环境，并验证其是否正常运行。本文适合初学者和有一定经验的开发者参考。一、服务器环境准备1.添加GitHubHosts由于某些网络环境下访问GitHub可能较慢或不稳定，我们可以通过修改/etc/hosts文件来加速访问。操作步骤：1.使用vi编辑器打
  • 阿里云EMAS超级App助力Agmo电动车超级应用程序发布 阿里云解决方案app
    近日，阿里云宣布与马来西亚本土数字方案专家Agmo控股（AgmoHoldingsBerhad，简称Agmo）展开合作，签署谅解备忘录，联手推出马来西亚首个Agmo电动车超级应用程序。此次合作也标志着阿里云在中国以外的市场首次落地其最新的企业级超级App解决方案（EMAS超级App）。EMAS超级App解决方案是一个用于建构超级应用程序和相关生态系统的全栈平台，也是阿里云在电子商务行业和可扩展云基础
  • vertx 三笠爷 vert.x
    vert.x是reactive(响应式编程),是一种思想,特点:事件驱动(发挥单台机器的性能):单台机器上,用少量线程处理大量并发异步处理请求(多个服务间通信阻塞较少,响应时间降低):https://vertx.io/官网基于netty的、运行在jvm之上的、支持多种编程语言的高性能异步、非阻塞、响应式全栈javaweb框架eclipse软件基金会顶级java开源项目之一在techempower.
  • 利用Python进行数据清洗与预处理：Pandas的高级用法 步入烟尘 python数据库开发语言
    本文已收录于《Python超入门指南全册》本专栏专门针对零基础和需要进阶提升的同学所准备的一套完整教学，从基础到精通不断进阶深入，后续还有实战项目，轻松应对面试，专栏订阅地址：https://blog.csdn.net/mrdeam/category_12647587.html优点：订阅限时19.9付费专栏，私信博主还可进入全栈VIP答疑群，作者优先解答机会（代码指导、远程服务），群里大佬众多可以
  • 已解决OSError: [Errno 22] Invalid argument 袁袁袁袁满 python
    已解决OSError:[Errno22]Invalidargument文章目录报错代码报错翻译报错原因解决方法千人全栈VIP答疑群联系博主帮忙解决报错报错代码粉丝群里面的一个粉丝用Python读取文件的时候，发生了报错（跑来找我求助，然后顺利帮助他解决了，顺便记录一下希望可以帮助到更多遇到这个bug不会解决的小伙伴），报错信息和代码如下：f=open(file,'r',encoding='utf-
  • DeepSeek 部署与集成实战教程 挖掘机技术我最强 AIjava人工智能
    《零基础部署DeepSeek全栈指南：从API接入到高并发优化（含避坑实录）》一、本地开发环境部署（Windows/Mac）1.前置条件准备Java环境：JDK17+（推荐AzulZulu）#验证安装java-versionjavac-versionIDE配置：IntelliJIDEA安装以下插件.envfilessupport（环境变量管理）HTTPClient（API调试）Docker（容器化
  • 《Python全栈开发：构建高并发物联网数据中台实战》 放氮气的蜗牛 深度博客python物联网开发语言
    一、项目概述本文将基于Python生态构建一个完整的物联网数据中台系统，实现从设备接入到商业智能的全链路开发。系统采用微服务架构，核心功能包括：百万级设备并发接入（基于MQTT协议）实时流数据处理（ApacheKafka+Faust）时序数据存储（InfluxDB+Redis）智能告警引擎（规则引擎+机器学习）三维可视化大屏（PyWeb3D+ECharts）graphTDA[设备端]-->|MQT
  • 【Java】已解决：java.util.concurrent.ExecutionException 屿小夏 java开发语言android
    个人简介：某不知名博主，致力于全栈领域的优质博客分享|用最优质的内容带来最舒适的阅读体验！文末获取免费IT学习资料！文末获取更多信息精彩专栏推荐订阅收藏专栏系列直达链接相关介绍书籍分享点我跳转书籍作为获取知识的重要途径，对于IT从业者来说更是不可或缺的资源。不定期更新IT图书，并在评论区抽取随机粉丝，书籍免费包邮到家AI前沿点我跳转探讨人工智能技术领域的最新发展和创新，涵盖机器学习、深度学习、自然
  • Chrome将网页保存为PDF的实战教程 爱编程的喵喵 Python基础课程Windows实用技巧windowschrome网页保存为PDF实战教程
      大家好，我是爱编程的喵喵。双985硕士毕业，现担任全栈工程师一职，热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的知识进行总结与归纳，不仅形成深入且独到的理解，而且能够帮助新手快速入门。  本文主要介绍了Chrome将网页保存为PDF的实战
  • Blazor 组件库 BootstrapBlazor 中Editor组件介绍 虚幻私塾 python计算机
    优质资源分享学习路线指引（点击解锁）知识定位人群定位Python实战微信订餐小程序进阶级本课程是pythonflask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。Python量化交易实战入门级手把手带你打造一个易扩展、更安全、效率更高的量化交易系统组件介绍Editor组件是对Summernote组件的二次封装。组件分为div模式和editor模式。默认状态下edito
  • 上传素材自动美化页面？文心快码全栈编程智能体帮你搞定！
    文心快码(BaiduComate)是基于百度文心大模型，在研发全流程全场景下为开发者提供辅助建议的智能代码助手。结合百度积累多年的编程现场大数据、外部优秀开源数据，可为开发者生成更符合实际研发场景的优秀代码，提升编码效率，释放“十倍”软件生产力。如果您对【文心快码企业版】感兴趣，希望获取更多详细信息，点击进入企业服务咨询我们会尽快安排专业人员与您取得联系！我们期待与您建立联系，为您的企业带来更高效
  • VSCode通过跳板机免密连接远程服务器的解决方案 爱编程的喵喵 Python基础课程vscode服务器跳板机免密连接解决方案
      大家好，我是爱编程的喵喵。双985硕士毕业，现担任全栈工程师一职，热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的知识进行总结与归纳，不仅形成深入且独到的理解，而且能够帮助新手快速入门。  本文主要介绍了VSCode通过跳板机免密连接远程服
  • 使用Python进行数据库连接与操作：SQLite和MySQL 步入烟尘 python数据库服务器
    本文已收录于《Python超入门指南全册》本专栏专门针对零基础和需要进阶提升的同学所准备的一套完整教学，从基础到精通不断进阶深入，后续还有实战项目，轻松应对面试，专栏订阅地址：https://blog.csdn.net/mrdeam/category_12647587.html优点：订阅限时19.9付费专栏，私信博主还可进入全栈VIP答疑群，作者优先解答机会（代码指导、远程服务），群里大佬众多可以
  • 全平台搭载旭日5！科沃斯GOAT智能割草机器人全新系列正式开售 量子位
    近日，科沃斯全新发布的GOATASeries和GOATOSeries割草机器人，将在多国市场正式上市发售。作为业界最强的割草机器人产品之一，GOAT致力为割草机带来基于机器人视觉的专业定位解决方案。GOAT全新系列产品全平台搭载地瓜机器人全新推出的旭日5智能计算芯片，具备10TOPs算力，拥有丰富的异构计算资源，可支持机器人在本地完成全栈任务的高效计算。基于科沃斯领先的LELS™定位技术，GOAT
  • RK3588NVR 没有声音输出有检测到声卡 bug菌¹ 全栈Bug调优(实战版)边缘计算RK3588NVRandorid14
    本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：问题描述解决方案1.**检查Android音频系统设置**2.**ES8311驱动加载问题**3.**检查音频输出的其他部分**4.**HDMI音频输出问题**
  • 2019 - Web开发技术指南和趋势 编程鸭 互联网JavaScript编程语言前端前端IT编程程序员
    这是一个2019年你成为前端，后端或全栈开发者的进阶指南:你不需要学习所有的技术成为一个web开发者这个指南只是通过简单分类列出了技术选项我将从我的经验和参考中给出建议首选我们会介绍通用的知识,最后介绍2019年的Web的一些趋势1.基础前端开发者1.1HTML&CSSHTML&CSS最基础的知识:语义化的HTML元素基础的CSS语法Flexbox&GridCSS变量浏览器开发者工具1.2响应式布
  • AI Agent智能应用从0到1定制开发Langchain+LLM全流程解决方案与落地实战 AI知识分享官 人工智能langchain算法数据挖掘计算机视觉机器学习产品经理
    大模型微调实战：精通、指令微调、开源大模型微调、对齐与垂直领域应用29套AI全栈大模型项目实战，人工智能视频课程-多模态大模型，微调技术训练营，大模型多场景实战，AI图像处理，AI量化投资，OPenCV视觉处理，机器学习，Pytorch深度学习，推荐系统，自动驾驶，训练私有大模型，LLM大语言模型，大模型多场景实战，Agent智能应用，AIGC实战落地，ChatGPT虚拟数字人，Djourney智
  • SpringBoot速成(二) 噗运特 springboot后端java
    SpringBoot速成(一)-CSDN博客前提：有SSM，数据库，前端基础，使用企业版IDEA用书:SpringBoot+Vue全栈开发实战(关注+私信发电子版)说明：代码块中是每章知识点总结(几十页浓缩成几句话)2.基础配置（涉及HTTP,HTTPS,I/O,Rest控制器）当大家用的各种配置版本不同，要进行版本统一时，不再用spring-boot-starter-parent，用depend
  • flask和django的对比 dev.null Pythonflaskdjangopython
    Flask和Django都是流行的PythonWeb框架，尽管它们都用于构建Web应用，但它们的设计理念和使用场景有所不同。以下是它们之间的一些对比：1.框架类型Flask：微框架（Micro-framework），意味着它提供的是最基础的功能，其他功能（如数据库支持、身份验证等）需要通过第三方插件来扩展。Django：全栈框架（Full-stackframework），提供了很多内建的功能，如O
  • 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其他