DEDECMS织梦CMS程序如今官方也不在更新，但是还是有很多人使用。这款内容管理系统的CMS程序曾经确实是非常的火热，基本上企业网站、内容类的网站都会使用这款程序，在于这款程序的结构非常的简单。...这不有在需要用到DEDECMS搭建一个医院类网站，如果使用WORDPRESS并不是最优选择，准备使用DEDECMS进行仿站布局。...在这里老蒋先整理DEDECMS程序的标签，以前这款程序是经常使用的，如今已经好几年没有使用，有点遗忘。...这个其实是/templets/模板目录 {dede:global.cfg_templeturl/} 模板目录所在路径 对应 /templets/ 3、缩略图文章调用 {dede:arclist row...本文出处：老蒋部落 » DEDECMS仿站常用模板标签记录 DEDECMS主题模板必备 | 欢迎分享
这几天老蒋在给客户的一个企业网站采用的是DedeCMS织梦内核程序，以前一直使用ZBLOG或者WP比较腻了，换一个玩玩。...在做移动端适应的时候发现图片不能自适应宽度和移动端的100%的撑开，所以需要调整CSS样式来解决这个问题。...比如我PC端正常的样式是这样子的： .content img{ display:block;margin:0 auto;padding:10px; } 然后在设置移动端的样式： @media(max-width...本文出处：老蒋部落 » 解决织梦DedeCMS移动端内容图片居中和自适应宽度 | 欢迎分享
（dede）织梦系统二次开发记录 –soulsjie 一、模板常用文件说明 模板文件都在文件夹templets下，我们以默认模板（default）为例，对模板文件结构进行分析： 首页模板文件目录 \templets...footer.htm 底部页面 文章列表页文件目录 \templets\default\list_default.htm 文章列表页 模板文件路径...模板路径标签：{dede:global.cfg_templets_skin/} 二、读取添加的所有栏目 {dede:channelartlist} <...dede:prenext get=’next’/} 标签属性 col:分多少列显示（默认为单列），5.3版中本属性可以通过多种方式进行多行显示 row:返回文档列表总数 typeid:栏目ID,在列表模板和档案模板中一般不需要指定...，在首页模板中允许用”,”分开表示多个栏目 getall:在没有指定这属性的情况下,在栏目页、文章页模板,不会获取以”,”分开的多个栏目的下级子类 titlelen:标题长度 等同于titlelength
1.移动端视口问题 视口是指浏览器的可视区域，移动端的视口到底是多宽呢？ 现在市面上的大部分手机，比如iphone X，它的默认视口宽度为980px，而一个iphone X的屏幕宽度仅仅为375px。...(注：实际上，这里说的375像素不是真实的物理像素，至于这个375像素是怎么来的，以及为什么大部分移动端的默认视口宽度是980，这就是另一个更加复杂的话题了，在此我们先不做讨论。)...我们可以使用谷歌浏览器的移动端调试工具，来访问百度的搜索结果，可以看到网页明显被缩小了，而且页面宽度定格在980px(不信的话大家可以试试)。...3.移动端尺寸 是同一个网页在不同尺寸手机中的效果。...注意：在移动端，如果使用了背景图(比如雪碧图)，记得用同样的方式调整背景图的尺寸。 题外话：移动端看上去是不是很麻烦？视口那么小，还要引入各种东西，里面要添加的又杂又乱，还要计算数值，是不是很麻烦？
很多人看到别人的网站也是用dedecms建的，但是他们的专题做得很漂亮，也在想如何自定义dedecms专题模板呢？ 其实很简单，只要在dedecms默认专题模板上做一些修改就好了 编辑自定义内容部分，一个漂亮的dedecms自定义专题模板就出来了 然后重命名一下专题模板，例如：article_spec_nice.htm...，注意字符不能太长，“nice”这个字符最好保持在3-4个字母，之前保存成article_spec_beautiful.htm，太长了，系统会自动变成调用article_spec.htm，默认的专题模板都是没那么好看的...将article_spec_nice.htm上传到/templets/default/目录下 然后在后台发布专题的时候，在“专题模板”那边点击“浏览”，弹出的窗口中选default ->选article_spec_nice.htm...到此，dedecms如何自定义专题模板问题就解决了，KO！
关于dedecms模板文件,可以参考织梦系统文件夹功能简介或者是之前发布的dedecms的安装介绍.通过仿站小工具下载网站首页,我们已经成功把要仿的网站首页下载下来,下面如何结合dedecm修改其中内容调用标签成为我们自己的...,这一步也就是'套模板'.把通过仿站小工具下载的文件复制粘贴到我们创建的网站根目录中, 织梦模板默认文件后缀为.htm因此需要把index.html文件修改为index.htm前台刷新访问,页面排版错乱
PageAdmin、WordPress与dedeCMS作为国内三大cms建站系统，经常在功能性，操作性和负载等方面进行对比，每个cms的侧重点都不一样，所以没有绝对的哪个好，哪个不好，有的只是是否你的网站类型...，或者是否适合你的使用习惯，这里只对三个cms的模板制作进行一个简单的对比，希望能给新手朋友一个借鉴，下面以调用文章列表页数据为例，讲解三个cms的模板制作区别。...2、DedeCms dedecms模板制作采用自己设计的一套标签，由标签名，属性，和InnerText构成，下面以织梦最常用的dede:list标签为例进行演示。...3、Wordpress wordpress没有模板标签，制作模板完全采用php编程，对于没有后端编程基础的前端人员来说，制作模板是很头疼的事情，下面还是以调用文章列表为例演示。 wordpress的模板制作需要结合php编程，模板制作是最复杂的，没有php基础的用户来说制作模板就是噩梦。
一、移动端浏览器 ---- 移动端浏览器 比 PC 端浏览器发展要晚 , 使用的技术比较新 , 对 HTML5 + CSS3 支持较好 , 常见的浏览器如下 : UC / QQ / Opera / Chrom.../ 360 / 百度 / 搜狗 / 猎豹 国内的浏览器 基本都是 根据 Webkit 内核进行修改而来的 , 目前没有自主研发的内核 , 因此 移动端开发适配比较简单 , 兼容主流的浏览器 , 即兼容...Webkit 内核浏览器即可 ; 二、移动端屏幕分辨率 ---- 移动设备的尺寸类型非常多 , Android / iOS 手机分辨率种类很多 , 参考 Android 屏幕适配 专栏 ; 【Android...Android 与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI ) 博客 ; 前端开发时 , 不需要关注上述 屏幕像素密度 dpi , 密度无关像素 dp , 只需要关注 像素尺寸 px 即可 ; 三、移动端网页调试方法
在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1....PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari最新引入了双击缩放功能...移动端特有的touch事件 由于移动端设备大都具备触摸功能，所以移动端浏览器都引入了触摸(touch)事件。...封装移动端tap事件 由于点击事件经常使用，如果用click会有延迟问题，一般我们会用touch事件模拟移动端的点击事件, 以下是封装的几个事件，仅供参考。...---- 参考文章： 移动端web开发---Touch事件详解 MDN:TouchEvent 移动端前端常见的触摸相关事件touch、tap、swipe等整理
最近公司有客户非企业网站用途，需要类似内容管理系统，考虑到帝国CMS和织梦DEDECMS两者都可以解决，但是老蒋对于后者以前在医院工作的时候是有较多的使用，还是决定使用DEDECMS程序。...因为个人博客之前有重新搭建，对于之前DEDECMS仿站使用的模板标签需要重新找回，在这里对于DEDECMS织梦程序准备重新整理常用的仿站模板标签。...这里老蒋先整理网站首页模板（index.htm）需要用到的常用标签调用。...织梦程序常用在index.htm首页模板中的调用标签。...本文出处：老蒋部落 » 织梦DEDECMS仿站模板必备标签 - index.htm首页模板 | 欢迎分享
移动端基础 移动端浏览器我们主要针对webkit内核进行兼容 现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一 1.移动端调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC端页面1px就等于1个物理像素，但移动端不同 一个px能显示的物理像素点的个数，称为物理像素比或屏幕像素比 3.2...4.1单独移动端页面（主流） 通常情况下，网址域名前面加m（mobile）可以打开移动端。...通过设备判断，如果是移动端打开，则自动跳转到移动端页面。...，需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动端技术解决方案 1.移动端浏览器 移动端浏览器基本以webkit内核为主，所以就考虑webkit兼容性问题。
移动端浏览器我们主要针对webkit内核进行兼容 现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一 1、移动端调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试 搭建本地...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC端页面1px就等于1个物理像素，但移动端不尽相同 一个px能显示的物理像素点的个数，称为物理像素比或屏幕像素比...4.1单独移动端页面（主流） 通常情况下，网址域名前面加m（mobile）可以打开移动端。...通过设备判断，如果是移动端打开，则自动跳转到移动端页面。...，需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动端技术解决方案 5.1移动端浏览器 移动端浏览器基本以webkit内核为主，所以就考虑webkit兼容性问题。
实习期间主要在写微信端H5，遇到的最大问题就是适配各个不同尺寸的屏幕。公司就我自己一个前端，只能自己摸索着来。
移动端浏览器我们主要针对webkit内核进行兼容 现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一 1.移动端调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试...是厂商在出厂时就设置好的 开发时用的1px不一定等于1个物理像素 PC端页面1px就等于1个物理像素，但移动端不同 一个px能显示的物理像素点的个数，称为物理像素比或屏幕像素比 3.2...4.1单独移动端页面（主流） 通常情况下，网址域名前面加m（mobile）可以打开移动端。...通过设备判断，如果是移动端打开，则自动跳转到移动端页面。...，需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动端技术解决方案 1.移动端浏览器 移动端浏览器基本以webkit内核为主，所以就考虑webkit兼容性问题。
前面老蒋有整理到dedecms织梦程序首页模板常用的调用标签，在这里我们继续列表模板使用的标签。一般我们列表模板用于栏目所有文章或者子栏目的列表中使用的。...其实我们可以设置多个栏目列表模板，只要我们在分类给不同的分类设置不同的列表模板都可以。...一般我们会将列表模板命名为list_article.htm，但是如果我们有特殊标签的也可以自定义，只要我们自己在设置分类的时候选择自己熟悉的，只能说设置通用的对于后续其他人运维能够看懂。...10、搜索标题结果 {dede:global.keyword function=RemoveXSS(@me)/} 总结，以上是织梦dedecms仿站时候列表页面常用的模板标签。...本文出处：老蒋部落 » 织梦DEDECMS仿站模板必备标签 - list_article.htm列表模板 | 欢迎分享
判断移动端或pc端 经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。 先写个方法： ?..._isMobile()) { alert("移动端"); //移动端跳转路由 } else { alert("pc端"); //Pc端跳转路由
一、移动端页面布局方案 移动端页面方案 : 单独制作的移动端页面 : 主流开发方案 , PC 端 与 移动端 访问的是不同的页面 , 目前的 京东 / 淘宝 等电商网站移动端页面采取的该方案 ; 响应式页面兼容移动端...: 开发难度较大 , PC 端与移动端访问的是相同的页面 ; 1、单独制作的移动端页面 通过设备类型判断要加载的网页类型 , 一般会在域名前添加 m 打开移动端 , 如京东域名为 jd.com , 使用...m.jd.com 可以访问其移动端页面 ; 如京东商场 , 在浏览器中输入 https://www.jd.com/ 域名 , 进入的是 PC 端的网页 , 在浏览器中 , 按 F12 进入调试模式..., 选择手机设备调试 , 输入 https://www.jd.com/ 域名 , 会自动跳转到 https://m.jd.com/ 手机端页面中 , 京东后台会认为是移动设备请求页面 , 自动跳转到移动端页面...; 2、响应式页面兼容移动端 响应式页面兼容移动端 的原理是 通过 判断当前的 屏幕宽度 , 改变当前的页面样式 , 适应不同的设备 ; 如果不断地缩小浏览器的窗口的宽度 , 网页会不停地自适应修改布局
由于移动端的特殊性，屏幕的尺寸碎片化严重，要想很好的适配不同的尺寸的设备，需要我们前端开发相比PC端要做一些基层的适配方案。 1....优点：布局快速简单方便、在移动设备中水平表现良好差异不大。 缺点：由于垂直方向像素恒定，可能水平很宽的屏幕会被拉伸变形严重，另外在高倍屏幕上1像素可能被多倍的物理像素显示，会变的非常粗。...2.1 横向百分比 + 纵向高度固定 首先看案例： 拉勾网移动端首页顶部的logo区域，不管如何变化浏览器的宽度，高度不变化，宽度自适应。...这样优点非常多，首先开发人员直接像素还原，开发效率很高，也没有移动端1像素的问题。也是老马推荐大家使用的方式。
由于移动端的特殊性，屏幕的尺寸碎片化严重，要想很好的适配不同的尺寸的设备，需要我们前端开发相比PC端要做一些基层的适配方案。 1....优点：布局快速简单方便、在移动设备中水平表现良好差异不大。 缺点：由于垂直方向像素恒定，可能水平很宽的屏幕会被拉伸变形严重，另外在高倍屏幕上1像素可能被多倍的物理像素显示，会变的非常粗。...2.1 横向百分比 + 纵向高度固定 首先看案例： 拉勾网移动端首页顶部的logo区域，不管如何变化浏览器的宽度，高度不变化，宽度自适应。 ?...这样优点非常多，首先开发人员直接像素还原，开发效率很高，也没有移动端1像素的问题。也是老马推荐大家使用的方式。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
