殇蓝
殇蓝

H5调用手机的前后摄像头,canvas显示,自带截图，兼容ios和android

注意

1.下面的HTML需要在HTTPS下访问方可正常工作，对应的localhost或者本地地址访问不能支持；
2. facingMode: { exact: 'environment' } // -- 后置 facingMode: 'user ' // -- 前置
3. 如果你想在已经播放视频的情况下更换摄像机，你需要先停止当前的视频流，然后再将其替换成另一台摄像机的视频流。videoStream.getTracks().forEach((track) => { track.stop(); });
4. 视频流的获取必须授权，pc上禁止后不会再次弹出授权的，需要手动开启；
5. 下面代码直接粘贴可用

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>Document</title>
    </head>
    <body>
        <!-- video 标签中的自动播放属性 autoplay，没有它，你需要调用 video.play() 才能真正开始显示图像 -->
        <video autoplay id="video" controls="controls"></video>
        <canvas id="canvas"></canvas>
        <div id="imageData"></div>
        <button onclick="playPause()">播放/暂停</button>
        <button onclick="screenshot()">截图</button>
        <button onclick="useFrontCamera = !useFrontCamera , switchDirection()">切换</button>
    </body>
    <script>
        // JavaScript访问设备前后摄像头
        const constraints = { // 初始值
            video: {
                width: {
                    min: 300,
                    ideal: 1920,
                    max: 500
                },
                height: {
                    min: 250,
                    ideal: 1080,
                    max: 400
                },
                facingMode: { exact: 'environment' } // user -- 前置 、environment -- 后置
            } // 流以正确的宽度和高度比例进入，如果它是处于纵向模式的手机，则需要进行尺寸反转
        };
        const myVideo = document.querySelector('#video');
        let videoStream = null; // 视频流对象
        let useFrontCamera = true; // 前置摄像头
        if ('mediaDevices' in navigator && 'getUserMedia' in navigator.mediaDevices) { // 检查浏览器是否支持此API
          switchDirection(); // 浏览器支持
        } else {
            console.log('暂不支持');
        }
        function playPause() {
            if (myVideo.paused) 
                myVideo.play();
             else 
                myVideo.pause();
        }
        // 绘制canvas画布、获取data
        function screenshot() {
            canvas.width = myVideo.videoWidth;
            canvas.height = myVideo.videoHeight;
            canvas.getContext('2d').drawImage(myVideo, 0, 0);
            const img = document.createElement('img');
            img.src = canvas.toDataURL('image/png');
            let divImage = document.getElementById('#imageID');
            divImage.appendChild(img);
        }
        // 你想在已经播放视频的情况下更换摄像机的前后摄像头，需要先停止当前的前置或者后置的视频流，再将其替换成摄像机的前置或者后置的视频流。
        async function switchDirection() {
            if (videoStream) {
                videoStream.getTracks().forEach((track) => {
                    track.stop();
                });
            }
            constraints.video.facingMode = useFrontCamera ? 'user' : { exact: 'environment' };
            try {
                videoStream = await navigator.mediaDevices.getUserMedia(constraints); // 调用将询问用户是否允许访问摄像机。如果用户拒绝，它将引发异常并且不返回流。因此，必须在 try/catch 块内处理这种情况,它返回一个Promise，必须使用 async/await 或 then 块
                myVideo.srcObject = videoStream;
            } catch (error) {
                console.log(error)
            }
        }
    </script>
</html>

你可能感兴趣的:(css3+html5)

  • CSS3+HTML5 勒布朗-前端 HTML5CSS3html5css3javascript
    1、HTML52、HTML5标签链接标签打开百度，你就知道！链接的属性与作用属性1：href作用：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能属性2：target作用：用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式图像标签src和href的作用都是用于请求资源。区别：1.请求资源类型不同href：超文本引用，用于建立文档与资
  • CSS3+HTML5特效3 - 纵向无缝滚动 张许许 css
    实现原理：利用CSS3的@keyframes规则创建动画效果；使用CSS3的animation效果完成滚动切换。CSS代码@-webkit-keyframesscrollText1{0%{-webkit-transform:translateY(0px);}20%{-webkit-transform:translateY(-30px);}40%{-webkit-transform:translat
  • html5+css3实现抽奖活动的效果 weixin_34101229
    2019独角兽企业重金招聘Python工程师标准>>>看过我博客的知道，前几天我发过一个通过form表单来实现和用户交互效果，上次是通关过table实现用户注册页面，那么今天我们也是通过table的表单效果来画出抽奖的页面，通过css3和javascript的动画效果来实现抽奖的一系列动作。通过css3+html5把抽奖的页面画出来，再通过javascript函数让它动起来。具体代码奉上：抽奖bo
  • CSS3+HTML5特效2 - 翻转效果 weixin_30375427
    先看效果，鼠标移上去看看。backfront1.本实例需要以下元素a.容器BOXb.默认显示元素FRONTc.翻转显示元素BACK2.容器BOX的Height为200px，Width为200px；1.box2{2position:relative;3top:20px;4left:20px;5width:200px;6height:200px;7border:1pxsolid#ccc;8overfl
  • WordPress主题 知更鸟Begin V5.2版响应式个人博客源码 小伟娱乐网
    主题介绍：CSS3+HTML5、扁平化、响应式设计、自定义颜色风格，不依赖任何前端框架，支持PHP7+WP程序版本4.5+类别：杂志、图片、博客、公司企业首页布局，后台自由选择主题语言：中文兼容性兼容IE8+、Firefox、Chrome、Opera、Safari等主流浏览器及大部分移动浏览器集成功能：集成众多不同功能的小工具和近30个独立页面WordPress知更鸟begin详细功能：HTML5
  • 细数国内优秀WordPress主题 MAY的SEO博客 SEO
    WordPress源于国外，简单易用，非常受欢迎，使得国内越来越多的站点开始使用WordPress建站程序，咱们国内也存在着很多厉害的高手或团队开发了WordPress中文主题。本文细数国内优秀WordPress主题。一.Begin主题您现在浏览的网站-MAY的SEO博客正是使用的Begin主题，也是很多站长们使用的一款主题，CSS3+HTML5、扁平化、响应式设计、自定义颜色风格，不依赖任何前端
  • 用CSS3实现未来的Web weixin_33681778
    CSS3+HTML5是未来的Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本文介绍了5个CSS3技巧，可以帮你实现未来的Web，不过，这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web设计社区，或者不会有客户向你投诉的场合。1.圆角效果CSS3新功能中最常用的一项是圆角效果，标准HTML方块对象是90度方角的，CSS3可以帮你实现圆角。-moz-bord
  • css3+html5——新闻列表设计 十二Tel
    仿腾讯新闻列表，主要是布局和标题栏的设计（不随页面滚动而滚动）、当鼠标移动到图片上的时候实现图片的放大功能：大概效果如下：代码如下：新闻列表*{margin:0;padding:0;}.wrap{width:600px;margin:0pxauto;}.menu{width:600px;height:30px;background:cornflowerblue;position:sticky;to
  • css3+html5——机器猫哆啦A梦+手、脚、头动起来！ 十二Tel
    看起来难实则简单的哆啦A梦设计，调格式需要有耐心哦！效果如下：机器猫*{margin:0;padding:0;}.wrap{width:600px;margin:0auto;padding-top:20px;padding-left:90px;}/*头部*/.headRadius{width:190px;height:172px;background:cornflowerblue;border:1
  • 25套免费高质量的响应式网页模板下载(CSS3+HTML5) oe516wu
    HTML5和CSS3联袂打造的那些惊人的酷炫网站，吸引了很多WEB前端工程师和设计师们去学习，那些魅力十足的创新特性让互联网的浏览体验更具未来科技感，学习这些技术，会让你有触摸未来的感觉。然而，如果你要创建这些高质量的网站，必须具有足够的前端编码经验，对于设计师，这些编码基础知识往往让人望而却步。那么今天我们列出了一些伟大且高质量的网页模板（HTML5+CSS3打造而成）！提供免费下载！向您保证，
  • 《HTML5实战》Lesson02 kamin
    Week022016/09/21上午1-4节一、Modernizr.js的作用解决不支持css3+html5浏览器的兼容性Modernizr.js:为HTML5和CSS3而生！-前端开发博客Modernizr的介绍和使用-刘一痕-ChinaUnix博客Modernizr.js入门指南-推酷二、Modernizr.js的下载官方网站：Modernizr:thefeaturedetectionlibr
  • Smart Forms v4.2.7 -在线智能表单 从菜鸟到产品大师
    SmartFormsv4.2.7-在线智能表单源码简介智能表单是一个响应迅速的专业表单框架，具有干净一致的表单用户界面。该框架包括各种形式的小部件，如日期选择器、计时器、MonthPicker、颜色选择器、数字步进器、用户界面滑块、谷歌地图、切换开关验证、遮罩等功能。所有表单元素都是严格使用css3+html5（无图像）构建的，并通过jquery进行增强，具有Ajax处理功能，构建在流体12列网格
  • css3+html5 YASINCHAN
    题目1：HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的IE支持HTML5新标签HTML5是超文本标记语言的第五次重大修改，2014年10月29日标准规范制定完成新的解析规则增强了灵活性新属性淘汰过时的或冗余的属性一个HTML5文档到另一个文档间的拖放功能离线编辑信息传递的增强详细的解析规则多用途互联网邮件扩展（MIME）和协议处理程序注册在SQL数据库中存储数据的通用标准（WebS
  • Smart Forms v4.2.7 -在线智能表单 Sentimentalversion 代码的片段
    SmartFormsv4.2.7-在线智能表单源码简介智能表单是一个响应迅速的专业表单框架，具有干净一致的表单用户界面。该框架包括各种形式的小部件，如日期选择器、计时器、MonthPicker、颜色选择器、数字步进器、用户界面滑块、谷歌地图、切换开关验证、遮罩等功能。所有表单元素都是严格使用css3+html5（无图像）构建的，并通过jquery进行增强，具有Ajax处理功能，构建在流体12列网格
  • 十年Java开发经验人员精心总结编制的Java学习脑图 u010154380 java基础
    十年Java开发经验人员精心总结编制的Java学习脑图其中包括一：基础阶段1.1企业工具使用（Editplus/Photoshop/SVN/GIT等）1.2零基础JavaWeb（HTML/CSS）Html标签讲解HTML5常用标签(视频、音频播放等)DIV+CSS3布局和特效大型门户网站设计解决方案1.3APP移动端开发（手机版）CSS3+HTML5布局/Android解决移动设备屏幕适应1.4网
  • html5+css3实现抽奖活动的效果 笑容勉强不安
            看过我博客的知道，前几天我发过一个通过form表单来实现和用户交互效果，上次是通关过table实现用户注册页面，那么今天我们也是通过table的表单效果来画出抽奖的页面，通过css3和javascript的动画效果来实现抽奖的一系列动作。        通过css3+html5把抽奖的页面画出来，再通过javascript函数让它动起来。具体代码奉上：抽奖body{backgrou
  • CSS3+HTML5特效7 - 特殊的 Loading 效果 html5
     效果如下                         实现原理： 利用CSS3的@keyframes规则创建动画效果； 使用CSS3的animation效果完成滚动切换。   代码
  • CSS3+HTML5特效5 - 震动的文字 html5
    先看效果（把鼠标移上去看看） abcd     这个效果很简单，就是移动文字的位置模拟出震动的效果。   Css 1 <style> 2 @-webkit-keyframes shake { 3 0%{ 4 -webkit-transform:translate(2px, 2px); 5
  • CSS3+HTML5特效6 - 闪烁的文字 html5
    先看效果 abcd   这个效果也比较简单，利用keyframes对文字的大小、透明度及颜色做循环显示。   CSS 1 <style> 2 @-webkit-keyframes flash { 3 0%{ 4 opacity: 0; 5 } 6 50%{ 7 opa
  • CSS3+HTML5特效4 - 横向无缝滚动 html5
    先看例子 This is a test 1. This is a test 2. This is a test 3. This is a test 4. This is a test 5. This is a test 1.   如果看完上一篇纵向滚动的朋友，就很容易理解横向滚动的实现方式了。   实现原理： 1. 利用CS
  • CSS3+HTML5特效3 - 纵向无缝滚动 html5
    老惯例，先看例子。 This is a test 1. This is a test 2. This is a test 3. This is a test 4. This is a test 5. This is a test 1.   实现原理： 1. 利用CSS3的@keyframes规则创建动画效果； 2. 使用CSS3的animatio
  • CSS3+HTML5特效2 - 翻转效果 html5
    先看效果，鼠标移上去看看。 back front       1. 本实例需要以下元素     a. 容器BOX     b. 默认显示元素FRONT     c. 翻转显示元素BACK 2. 容器BOX的Height为200px，Width为200px； 1 .box2
  • CSS3+HTML5特效1 - 上下滑动效果 html5
    先看看效果，把鼠标移上去看看。 back front     1. 本实例需要以下元素：     a. 外容器 box     b. 内容器 border     c. 默认显示内容 front     d. 滑动内容 back 2. 外容器BOX的Height为
  • CSS3+HTML5特效9 - 简单的时钟 html5
    效果演示(加快了100倍)                       实现原理 利用CSS3的transform-origin 及 transform 完成以上效果。   代码及说明 1 <style> 2
  • CSS3+HTML5特效8 - 顶部和右侧固定，左侧随窗口变化的布局 html5
    效果演示     实现原理 使用3个div（一个是顶部栏，一个是左侧栏，一个是右侧栏）； 使用checkbox作为判断是否显示和隐藏右侧栏，点击显示和隐藏label实现最终效果。   代码说明 css <style> body { font-family:"Microsoft YaHei",a
  • CSS3+HTML5特效8 - 顶部和右侧固定，左侧随窗口变化的布局 html5
    原文: CSS3+HTML5特效8 - 顶部和右侧固定，左侧随窗口变化的布局 效果演示     实现原理 使用3个div（一个是顶部栏，一个是左侧栏，一个是右侧栏）； 使用checkbox作为判断是否显示和隐藏右侧栏，点击显示和隐藏label实现最终效果。   代码说明 css <style> body {
  • CSS3+HTML5特效9 - 简单的时钟 html5
    原文: CSS3+HTML5特效9 - 简单的时钟 效果演示(加快了100倍)                       实现原理 利用CSS3的transform-origin 及 transform 完成以上效果。  
  • 收藏的一些牛逼博客 博客
    1.http://www.dayday28.com/（css3+html5）; 2.https://github.com/jikeytang/jikeytang.github.io/issues/2 3.http://fantaghiro.github.io/miaov/ (最新技术分享) 4.http://www.nowcoder.com/（各种面试笔试题目） 5.http:/
  • CSS3+HTML5学习笔记三-纯CSS3实现的瀑布布局 html5
    以前就觉得，Chinaz中图片瀑布布局很好看，以前也看过别人实现的一些方法，大部分是用js实现的，今天试了一下，用CSS3简单的实现了类似的布局效果，希望对大家有用！Chinaz中的效果： 我的代码： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type"
  • CSS3+HTML5学习笔记二-绘制播放器按钮 html5
    每天学一点点Html5+Css3,慢慢积累经验，从基础做起。下面主要介绍一下绘制简单的播放器按钮； 首先，看看当DIV的宽度和高度都为0的时候，设置边框成了什么样子？ 代码如下： 1 <!DOCTYPE> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5
  • 矩阵求逆（JAVA）利用伴随矩阵 qiuwanchi 利用伴随矩阵求逆矩阵
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(利用伴随矩阵) * @author 邱万迟
  • 单例（Singleton）模式 aoyouzi 单例模式Singleton
    3.1           概述 如果要保证系统里一个类最多只能存在一个实例时，我们就需要单例模式。这种情况在我们应用中经常碰到，例如缓存池，数据库连接池，线程池，一些应用服务实例等。在多线程环境中，为了保证实例的唯一性其实并不简单，这章将和读者一起探讨如何实现单例模式。 3.2
  • [开源与自主研发]就算可以轻易获得外部技术支持,自己也必须研发 comsci 开源
          现在国内有大量的信息技术产品，都是通过盗版，免费下载，开源，附送等方式从国外的开发者那里获得的。。。。。。        虽然这种情况带来了国内信息产业的短暂繁荣，也促进了电子商务和互联网产业的快速发展，但是实际上，我们应该清醒的看到，这些产业的核心力量是被国外的
  • 页面有两个frame,怎样点击一个的链接改变另一个的内容 Array_06 UIXHTML
    <a src="地址"  targets="这里写你要操作的Frame的名字" />搜索 然后你点击连接以后你的新页面就会显示在你设置的Frame名字的框那里 targerts="",就是你要填写目标的显示页面位置 ===================== 例如： <frame src=&
  • Struts2实现单个/多个文件上传和下载 oloz 文件上传struts
    struts2单文件上传：     步骤01:jsp页面 <!--在进行文件上传时，表单提交方式一定要是post的方式，因为文件上传时二进制文件可能会很大，还有就是enctype属性，这个属性一定要写成multipart/form-data，不然就会以二进制文本上传到服务器端--> 　　<form action="fileUplo
  • 推荐10个在线logo设计网站 362217990 logo
    在线设计Logo网站。 1、http://flickr.nosv.org（这个太简单） 2、http://www.logomaker.com/?source=1.5770.1 3、http://www.simwebsol.com/ImageTool 4、http://www.logogenerator.com/logo.php?nal=1&tpl_catlist[]=2 5、ht
  • jsp上传文件 香水浓 jspfileupload
    1. jsp上传 Notice： 1. form表单 method 属性必须设置为 POST 方法 ，不能使用 GET 方法 2. form表单 enctype 属性需要设置为 multipart/form-data 3. form表单 action 属性需要设置为提交到后台处理文件上传的jsp文件地址或者servlet地址。例如 uploadFile.jsp 程序文件用来处理上传的文
  • 我的架构经验系列文章 - 前端架构 agevs JavaScriptWeb框架UIjQuer
    框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性的东西出现了。越来越多的开发模式转变为后端只是吐json的数据源，而前端做所有UI的事情。MVCMV
  • android ksoap2 中把XML(DataSet) 当做参数传递 aijuans android
    我的android app中需要发送webservice ，于是我使用了 ksop2 进行发送，在测试过程中不是很顺利,不能正常工作.我的web service 请求格式如下     [html]  view plain copy   <Envelope xmlns="http://schemas.
  • 使用Spring进行统一日志管理 + 统一异常管理 baalwolf spring
    统一日志和异常管理配置好后，SSH项目中，代码以往散落的log.info() 和 try..catch..finally 再也不见踪影！ 统一日志异常实现类： [java]  view plain copy   package com.pilelot.web.util;      impor
  • Android SDK 国内镜像 BigBird2012 android sdk
    一、镜像地址： 1、东软信息学院的 Android SDK 镜像，比配置代理下载快多了。 配置地址， http://mirrors.neusoft.edu.cn/configurations.we#android 2、北京化工大学的： IPV4:ubuntu.buct.edu.cn  IPV4:ubuntu.buct.cn IPV6:ubuntu.buct6.edu.cn
  • HTML无害化和Sanitize模块 bijian1013 JavaScriptAngularJSLinkySanitize
    一.ng-bind-html、ng-bind-html-unsafe         AngularJS非常注重安全方面的问题，它会尽一切可能把大多数攻击手段最小化。其中一个攻击手段是向你的web页面里注入不安全的HTML，然后利用它触发跨站攻击或者注入攻击。         考虑这样一个例子，假设我们有一个变量存
  • [Maven学习笔记二]Maven命令 bit1129 maven
    mvn compile compile编译命令将src/main/java和src/main/resources中的代码和配置文件编译到target/classes中，不会对src/test/java中的测试类进行编译 MVN编译使用 maven-resources-plugin:2.6:resources maven-compiler-plugin:2.5.1:compile &nbs
  • 【Java命令二】jhat bit1129 Java命令
    jhat用于分析使用jmap dump的文件，，可以将堆中的对象以html的形式显示出来，包括对象的数量，大小等等，并支持对象查询语言。 jhat默认开启监听端口7000的HTTP服务，jhat是Java Heap Analysis Tool的缩写 1. 用法： [hadoop@hadoop bin]$ jhat -help Usage: jhat [-stack <bool&g
  • JBoss 5.1.0 GA:Error installing to Instantiated: name=AttachmentStore state=Desc ronin47
    进到类似目录 server/default/conf/bootstrap，打开文件 profile.xml找到： Xml代码<bean    name="AttachmentStore"  class="org.jboss.system.server.profileservice.repository.AbstractAtta
  • 写给初学者的6条网页设计安全配色指南 brotherlamp UIui自学ui视频ui教程ui资料
    网页设计中最基本的原则之一是，不管你花多长时间创造一个华丽的设计，其最终的角色都是这场秀中真正的明星——内容的衬托     我仍然清楚地记得我最早的一次美术课，那时我还是一个小小的、对凡事都充满渴望的孩子，我摆放出一大堆漂亮的彩色颜料。我仍然记得当我第一次看到原色与另一种颜色混合变成第二种颜色时的那种兴奋，并且我想，既然两种颜色能创造出一种全新的美丽色彩，那所有颜色
  • 有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。写一个函数实现。复杂度是什么。 bylijinnan java算法面试
    import java.util.Random; import java.util.Set; import java.util.TreeSet; /** * http://weibo.com/1915548291/z7HtOF4sx * #面试题#有一个数组，每次从中间随机取一个，然后放回去，当所有的元素都被取过，返回总共的取的次数。 * 写一个函数实现。复杂度是什么
  • struts2获得request、session、application方式 chiangfai application
    1、与Servlet API解耦的访问方式。 a.Struts2对HttpServletRequest、HttpSession、ServletContext进行了封装，构造了三个Map对象来替代这三种对象要获取这三个Map对象，使用ActionContext类。 ----->   package pro.action; import java.util.Map; imp
  • 改变python的默认语言设置 chenchao051 python
    import sys sys.getdefaultencoding()  可以测试出默认语言，要改变的话，需要在python lib的site-packages文件夹下新建： sitecustomize.py， 这个文件比较特殊，会在python启动时来加载，所以就可以在里面写上： import sys sys.setdefaultencoding('utf-8') &n
  • mysql导入数据load data infile用法 daizj mysql导入数据
    我们常常导入数据！mysql有一个高效导入方法，那就是load data infile 下面来看案例说明 基本语法： load data  [low_priority] [local] infile 'file_name txt' [replace | ignore] into table tbl_name [fields [terminated by't'] [OPTI
  • phpexcel导入excel表到数据库简单入门示例 dcj3sjt126com PHPExcel
    跟导出相对应的，同一个数据表，也是将phpexcel类放在class目录下，将Excel表格中的内容读取出来放到数据库中 <?php error_reporting(E_ALL); set_time_limit(0); ?> <html> <head> <meta http-equiv="Content-Type"
  • 22岁到72岁的男人对女人的要求 dcj3sjt126com
    22岁男人对女人的要求是：一，美丽，二，性感，三，有份具品味的职业，四，极有耐性，善解人意，五，该聪明的时候聪明，六，作小鸟依人状时尽量自然，七，怎样穿都好看，八，懂得适当地撒娇，九，虽作惊喜反应，但看起来自然，十，上了床就是个无条件荡妇。 32岁的男人对女人的要求，略作修定，是：一，入得厨房，进得睡房，二，不必服侍皇太后，三，不介意浪漫蜡烛配盒饭，四，听多过说，五，不再傻笑，六，懂得独
  • Spring和HIbernate对DDM设计的支持 e200702084 DAO设计模式springHibernate领域模型
    A：数据访问对象     DAO和资源库在领域驱动设计中都很重要。DAO是关系型数据库和应用之间的契约。它封装了Web应用中的数据库CRUD操作细节。另一方面，资源库是一个独立的抽象，它与DAO进行交互，并提供到领域模型的“业务接口”。    资源库使用领域的通用语言，处理所有必要的DAO，并使用领域理解的语言提供对领域模型的数据访问服务。
  • NoSql 数据库的特性比较 geeksun NoSQL
    Redis 是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言的API。目前由VMware主持开发工作。   1. 数据模型 作为Key-value型数据库，Redis也提供了键（Key）和值（Value）的映射关系。除了常规的数值或字符串，Redis的键值还可以是以下形式之一： Lists （列表） Sets
  • 使用 Nginx Upload Module 实现上传文件功能 hongtoushizi nginx
    转载自： http://www.tuicool.com/wx/aUrAzm   普通网站在实现文件上传功能的时候，一般是使用Python，Java等后端程序实现，比较麻烦。Nginx有一个Upload模块，可以非常简单的实现文件上传功能。此模块的原理是先把用户上传的文件保存到临时文件，然后在交由后台页面处理，并且把文件的原名，上传后的名称，文件类型，文件大小set到页面。下
  • spring-boot-web-ui及thymeleaf基本使用 jishiweili springthymeleaf
    视图控制层代码demo如下：   @Controller @RequestMapping("/") public class MessageController { private final MessageRepository messageRepository; @Autowired public MessageController(Mes
  • 数据源架构模式之活动记录 home198979 PHP架构活动记录数据映射
    hello!架构 一、概念 活动记录（Active Record）：一个对象，它包装数据库表或视图中某一行，封装数据库访问，并在这些数据上增加了领域逻辑。 对象既有数据又有行为。活动记录使用直截了当的方法，把数据访问逻辑置于领域对象中。   二、实现简单活动记录 活动记录在php许多框架中都有应用，如cakephp。 <?php /** * 行数据入口类 *
  • Linux Shell脚本之自动修改IP pda158 linuxcentosDebian脚本
    作为一名 Linux SA，日常运维中很多地方都会用到脚本，而服务器的ip一般采用静态ip或者MAC绑定，当然后者比较操作起来相对繁琐，而前者我们可以设置主机名、ip信息、网关等配置。修改成特定的主机名在维护和管理方面也比较方便。如下脚本用途为：修改ip和主机名等相关信息，可以根据实际需求修改，举一反三！ #!/bin/sh #auto Change ip netmask ga
  • 开发环境搭建 独浮云 eclipsejdktomcat
           最近在开发过程中，经常出现MyEclipse内存溢出等错误，需要重启的情况，好麻烦。对于一般的JAVA+TOMCAT项目开发，其实没有必要使用重量级的MyEclipse，使用eclipse就足够了。尤其是开发机器硬件配置一般的人。         &n
  • 操作日期和时间的工具类 vipbooks 工具类
       大家好啊，好久没有来这里发文章了，今天来逛逛，分享一篇刚写不久的操作日期和时间的工具类，希望对大家有所帮助。 /* * @(#)DataFormatUtils.java 2010-10-10 * * Copyright 2010 BianJing,All rights reserved. */ package test; impor
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他