我们在制作模板时通常都会参考织梦默认模板default中的标签使用，所以，接下来我们就来分析一下织梦默认模板default中使用手机模板的制作方法（注意本教程适合有织梦模板开发经验的站长，如果是新手，建议先去熟悉织梦pc模板开发）。
1、手机模板命名规则
在新织梦的default模板中，除了原有的模板外，多了些手机模板，主要手机模板如下：
index_m.htm 首页模板
index_default_m.htm 频道页模板
list_default_m.htm 列表页模板
list_default_sg_m.htm 列表页模板
article_article_m.htm 内容页模板
article_default_m.htm 内容页默认模板
search_m.htm 搜索页模板
head_m.htm 顶部模板
footer_m.htm 底部模板
熟悉织梦电脑网站模板制作的站长，一眼大体就能明白这些手机模板对应的用法和制作。这些手机模板和pc模板在制作、调用上还是有些区别的。下面说一下具体的区别。
2、手机模板和pc模板的不同
（1）手机模板的命名不同
从上面手机模板的命名就可以看出，手机模板和pc模板的命名区别就是在pc模板后加“_m” ，例如pc首页模板是index.htm，对应的手机模板就是index_m.htm ；pc列表页模板是list_article.htm ，对应的手机列表页模板就list_article_m.htm 。
namespace app\assetsuse yii\web\AssetBundle
class AppAsset extends AssetBundle {
public $basePath = '@webroot'
public $baseUrl = '@web'
public $css = [
'public/skin/default_skin/css/theme.css',
]
public $js = [
'public/vendor/jquery/jquery-1.11.1.min.js',
'public/vendor/jquery/jquery_ui/jquery-ui.min.js',
'public/js/bootstrap/bootstrap.min.js',
]
//依赖包
public $depends = [
//这里写依赖包即可，没有就别写
]
//导入当前页的功能js文件，注意加载顺序，这个应该最后调用
public static function addPageScript($view, $jsfile) {
$view->registerJsFile($jsfile, [AppAsset::className(), 'depends' =>'app\assets\AppAsset'])
}
//导入编辑器
public static function addCkeditor($view) {
$view->registerJsFile('/public/js/utility/ckeditor/ckeditor.js', [AppAsset::className(), 'depends' =>'app\assets\AppAsset'])
}
}
assets和public都是放置静态文件的地方，public放引入别人的文件，基本不会动的文件如：iconfont、外部第三方文件 解释：public/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下。必须使用绝对路径引用这些文件，这个取决于你vue.config.js中publicPath的配置，默认的是/。assets放自己写的css、js文件，后期可能会改的文件如：自己写的一些js,css样式 assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。
