AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

编写手机端自适应页面案例，springMVC代码，SpringMVC上传代码，去掉input框中原有的样式，使ios按钮没有圆角,css中的border-radius类似

2015-04-10 1314
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 1、编写的页面 <%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html PU

1、编写的页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<title>XXX</title>
<script type="text/javascript" src="<c:url value="/resources/cartoon2/js/jquery-1.7.2.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/resources/js/jquery.js"/>"></script>
<script language="javascript" type="text/javascript" src="<c:url value="/resources/js/jquery-2.1.1.js"/>"></script>

<script type='text/javascript' src='<c:url value="/resources/js/jquery.validate.min.js"/>'></script>
<script type='text/javascript' src='<c:url value="/resources/js/jquery.validate.cn.js"/>'></script>
<script type='text/javascript' src='<c:url value="/resources/jqueryform/2.8/jquery.form.js"/>'></script>
<script type='text/javascript' src='<c:url value="/resources/js/jquery.validate.js"/>'></script>

<script type='text/javascript' src='<c:url value="/resources/upload/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"/>'></script>
<script type='text/javascript' src='<c:url value="/resources/upload/jQuery-File-Upload/js/jquery.iframe-transport.js"/>'></script>
<script type='text/javascript' src='<c:url value="/resources/upload/jQuery-File-Upload/js/jquery.fileupload.js"/>'></script>
<script type='text/javascript'>
$(function(){
var basePath = "${pageContext.request.contextPath}";
$('#upload').fileupload({
dataType : 'json',
// autoUpload: true,
url : "/report/createReport",

done : function(e, data) {
$.each(data.result,function(index, file) {
if (index == 'filedesc') {
var _path = file.filepath + '/' + file.filename;
$('#posterUrl').val(_path);
$('#imgfileName').val(file.filename);
} else if(index == "suffixError") {
alert(file);
}
});
},
});

$("#upimgid").click(function() {
//alert("test");
$("#upload").trigger('click');
});

$("#reportButton").click(function(){
var flag = true;

//获取标题信息
var title = $("#title").val();
//获取描述信息
var description = $("#description").val();
//获取图片路径
var image = $("#posterUrl").val();
//获取名称
var name = $("#name").val();
//获取联系方式
var contact = $("#contact").val();

if(title == "") {
$("#title").attr("placeholder","标题不能为空!");
flag = false;
}
if(image == "") {
$("#posterUrl").attr("placeholder","图片不能为空!");
flag = false;
}
if(description == "") {
$("#description").attr("placeholder","描述信息不能为空!");
$("#imgfileName").attr("placeholder","描述信息不能为空!");
flag = false;
}

if(flag == true) {
jQuery.ajax({
type : 'POST',
url : basePath + "/report/createReport",
data : {
"title" : title,
"description" : description,
"name" : name,
"contact" : contact,
"image":image
},
dataType : 'json',
success : function(data) {
console.log(data);
if(data.result == "success") {
$("#title").val("");
$("#posterUrl").val("");
$("#description").val("");
$("#posterUrl").val("");
$("#imgfileName").val("");
$("#name").val("");
$("#contact").val("");
alert("信息提交成功!");

//window.opener=null;
window.close();

} else if(data.result == "fail") {
alert("对不起，信息提交失败!");
}
},
error : function() {
alert("网络或者其他原因出错!");
}
});
}
});
});

</script>
<style type="text/css">
body,html *{
margin:0px;
padding:0px;
}
#report-header{
color:#fff;
font-weight:900;
height:3em;
line-height:3em;
padding-left:2.8em;
background:RGB(0,171,240) url("../resources/report/icon.gif") no-repeat 1.2em 0.9em !important;
margin-bottom:1.6em;
}
#report-form {
text-align:center;
padding-left:3%;
}
#report-form table {
width:94%;
text-align:center;
}
#report-form table tr td,#report-form table tr td input,#report-form table .field-name,#report-form #star{
height:25px;
line-height:25x;
vertical-align: middle;
}

#report-form table .field-name{
text-align:left;
font-weight:800;
color:#888888;
width:24%;
vertical-align:top;
}
#report-form table input,#report-form table textarea {
border-width: 1px;
border-style:solid;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border-color:#bbbbbb;
-moz-border-color:#bbbbbb;
color:#888888;
outline-style:none;
width:98%;
font-size:16px;
}
input {-webkit-appearance:none;}
input[type="submit"],input[type="reset"],input[type="button"],input{-webkit-appearance:none;}
#report-form table .field-input {
text-align:left;
}
#report-form table .field-name .character{
margin-right:0.3em;
}
#report-form table #imgfileName {
width:87%;
float:left;
border-bottom-right-radius:0px;
border-top-right-radius:0px;
}
#report-form table #upimgid{
width:10%;
float:left;
color:#888888;
height:27px;
border-left:0px;
border-bottom-left-radius:0px;
border-top-left-radius:0px;
}
#report-form #star{
color:red;
}
#report-form #reportButton{
width:100%;
text-align:center;
color:#fff;
height:40px;
font-weight:900;
vertical-align:middle;
background:RGB(0,171,240) !important;
}

</style>
</head>
<body>
<div id="report-header">
问题反映
</div>
<div id="report-form">
<form action="" method="post" enctype="multipart/form-data">
<table>
<tr>
<td class="field-name"><label class="character">标题</label><label id="star">*</label></td>
<td class="field-input" style="padding-bottom:25px;">
<input type="text" name="title" id="title"/>
</td>
</tr>
<tr>
<td class="field-name"><label class="character">描述</label><label id="star">*</label></td>
<td class="field-input" style="padding-bottom:25px;">
<textarea rows="4" name="description" id="description"></textarea>
</td>
</tr>
<tr>
<td class="field-name"><label class="character">图片</label><label id="star">*</label></td>
<td class="field-input" style="padding-bottom:25px;">
<c:url value="/report/upLoadZipNormal" var="fileUploadUrl" />
<input id="upload" type="file" name="file"
data-url="${fileUploadUrl}" multiple
style="opacity: 0; filter: alpha(opacity :0); display: none;" />
<input id="posterUrl" name="posterUrl" type="hidden"/>
<input id="imgfileName" name="imgfileName" type="text" />
<input type="button" id="upimgid" value="+"/>
</td>
</tr>
<tr>
<td class="field-name">姓名</td>
<td class="field-input" style="padding-bottom:25px;">
<input type="text" name="name" id="name"/>
</td>
</tr>
<tr>
<td class="field-name">联系方式</td>
<td class="field-input" style="padding-bottom:35px;">
<textarea rows="2" name="contact" id="contact"></textarea>
</td>
</tr>
<tr class="button-tr">
<td colspan="2" id="reportButton" id="reportButton">
提交
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
<title>全国政府网站普查</title>
<script type="text/javascript" src="<c:url value="/resources/cartoon2/js/jquery-1.7.2.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/resources/js/jquery.js"/>"></script>
<script language="javascript" type="text/javascript" src="<c:url value="/resources/js/jquery-2.1.1.js"/>"></script>

<script type='text/javascript' src='<c:url value="/resources/js/jquery.validate.min.js"/>'></script>
<script type='text/javascript' src='<c:url value="/resources/js/jquery.validate.cn.js"/>'></script>
<script type='text/javascript' src='<c:url value="/resources/jqueryform/2.8/jquery.form.js"/>'></script>
<script type='text/javascript' src='<c:url value="/resources/js/jquery.validate.js"/>'></script>

<script type='text/javascript' src='<c:url value="/resources/upload/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"/>'></script>
<script type='text/javascript' src='<c:url value="/resources/upload/jQuery-File-Upload/js/jquery.iframe-transport.js"/>'></script>
<script type='text/javascript' src='<c:url value="/resources/upload/jQuery-File-Upload/js/jquery.fileupload.js"/>'></script>
<script type='text/javascript'>
$(function(){
 var basePath = "${pageContext.request.contextPath}";
 $('#upload').fileupload({
  dataType : 'json',
  // autoUpload: true,
  url : "/report/createReport",

  done : function(e, data) {
   $.each(data.result,function(index, file) {
    if (index == 'filedesc') {
     var _path = file.filepath + '/' + file.filename;
     $('#posterUrl').val(_path);
     $('#imgfileName').val(file.filename);
    } else if(index == "suffixError") {
     alert(file);
    }
   });
  },
 });
 
 $("#upimgid").click(function() {
  //alert("test");
  $("#upload").trigger('click');
 });
 
 $("#reportButton").click(function(){
  var flag = true;

  //获取标题信息
  var title = $("#title").val();
  //获取描述信息
  var description = $("#description").val();
  //获取图片路径
  var image = $("#posterUrl").val();
     //获取名称
  var name = $("#name").val();
  //获取联系方式
  var contact = $("#contact").val();

  if(title == "") {
       $("#title").attr("placeholder","标题不能为空!");
       flag = false;
  }
  if(image == "") {
   $("#posterUrl").attr("placeholder","图片不能为空!");
   flag = false;
  }
        if(description == "") {
   $("#description").attr("placeholder","描述信息不能为空!");
   $("#imgfileName").attr("placeholder","描述信息不能为空!");
   flag = false;
  }

  if(flag == true) {
   jQuery.ajax({
    type : 'POST',
    url : basePath + "/report/createReport",
    data : {
     "title" : title,
     "description" : description,
     "name" : name,
     "contact" : contact,
     "image":image
    },
    dataType : 'json',
    success : function(data) {
     console.log(data);
     if(data.result == "success") {
      $("#title").val("");
      $("#posterUrl").val("");
      $("#description").val("");
      $("#posterUrl").val("");
                        $("#imgfileName").val("");
      $("#name").val("");
      $("#contact").val("");
      alert("信息提交成功!");
      
      //window.opener=null;
      window.close();
                       
     } else if(data.result == "fail") {
      alert("对不起，信息提交失败!");
     }
    },
    error : function() {
     alert("网络或者其他原因出错!");
    }
   });
  }
 });
});

</script>
<style type="text/css">
    body,html *{
        margin:0px;
        padding:0px;
    }
    #report-header{
        color:#fff;
        font-weight:900;
        height:3em;
        line-height:3em;
        padding-left:2.8em;
        background:RGB(0,171,240) url("../resources/report/icon.gif") no-repeat 1.2em 0.9em !important;
        margin-bottom:1.6em;
    }
    #report-form {
  text-align:center;
        padding-left:3%;
    }
    #report-form table {
        width:94%;
        text-align:center;
    }
    #report-form table tr td,#report-form table tr td input,#report-form table .field-name,#report-form #star{
        height:25px;
        line-height:25x;
        vertical-align: middle;
    }

    #report-form table .field-name{
        text-align:left;
        font-weight:800;
        color:#888888;
        width:24%;
        vertical-align:top;
    }
    #report-form table input,#report-form table textarea {
     border-width: 1px;
     border-style:solid;
     -moz-border-radius:3px;
        -khtml-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        border-color:#bbbbbb;
        -moz-border-color:#bbbbbb;
        color:#888888;
        outline-style:none;
        width:98%;
  font-size:16px;
    }
 input {-webkit-appearance:none;}
    input[type="submit"],input[type="reset"],input[type="button"],input{-webkit-appearance:none;}
    #report-form table .field-input {
        text-align:left;
    }
    #report-form table .field-name .character{
        margin-right:0.3em;
    }
 #report-form table #imgfileName {
        width:87%;
  float:left;
  border-bottom-right-radius:0px;
  border-top-right-radius:0px;
    }
 #report-form table #upimgid{
  width:10%;
  float:left;
  color:#888888;
  height:27px;
  border-left:0px;
  border-bottom-left-radius:0px;
  border-top-left-radius:0px;
 }
    #report-form #star{
     color:red;
    }
    #report-form #reportButton{
     width:100%;
        text-align:center;
        color:#fff;
        height:40px;
        font-weight:900;
        vertical-align:middle;
        background:RGB(0,171,240) !important;
    }
   
</style>
</head>
<body>
    <div id="report-header">
         问题反映          
    </div>
 <div id="report-form">
  <form action="" method="post" enctype="multipart/form-data">
   <table>
    <tr>
     <td class="field-name"><label class="character">标题</label><label id="star">*</label></td>
     <td class="field-input" style="padding-bottom:25px;">
      <input type="text" name="title" id="title"/>
     </td>
    </tr>
    <tr>
     <td class="field-name"><label class="character">描述</label><label id="star">*</label></td>
     <td class="field-input" style="padding-bottom:25px;">
         <textarea rows="4" name="description" id="description"></textarea>
     </td>
    </tr>
    <tr>
     <td class="field-name"><label class="character">图片</label><label id="star">*</label></td>
     <td class="field-input" style="padding-bottom:25px;">
      <c:url value="/report/upLoadZipNormal" var="fileUploadUrl" />
            <input id="upload" type="file" name="file"
             data-url="${fileUploadUrl}" multiple
             style="opacity: 0; filter: alpha(opacity :0); display: none;" />
            <input id="posterUrl" name="posterUrl" type="hidden"/>
      <input id="imgfileName" name="imgfileName" type="text" />
      <input type="button" id="upimgid" value="+"/>
     </td>
    </tr>
    <tr>
     <td class="field-name">姓名</td>
     <td class="field-input" style="padding-bottom:25px;">
      <input type="text" name="name" id="name"/>
     </td>
    </tr>
    <tr>
     <td class="field-name">联系方式</td>
     <td class="field-input" style="padding-bottom:35px;">
         <textarea rows="2" name="contact" id="contact"></textarea>
     </td>
    </tr>
    <tr class="button-tr">
     <td colspan="2" id="reportButton" id="reportButton">
      提交
     </td>
    </tr>
   </table>
  </form>
 </div>
</body>
</html>

2.SpringMVC

package com.report.controller;

import java.io.InputStream;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.apache.log4j.Logger;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;

import com.report.common.CommonVar;
import com.report.entity.Affix;
import com.report.entity.Report;
import com.report.service.IReportService;
import com.report.utils.FileUtils;

@Controller
@RequestMapping(value="/report",method = {
 RequestMethod.GET,
 RequestMethod.POST
})
public class ReportController {
 private static final Logger logger = Logger.getLogger(ReportController.class);
 
 @Autowired
 private IReportService reportService;
 //@Autowired
 //OperateImage operatorImage;
 
 /**
  * 用于跳转到报表的首页
  * @return
  */
 @RequestMapping(value = "/reportIndex")
 public String reportIndex(){
  return "/web/report/report";
 }
 
 /**
  * 用于创建报表用
  * @return
  */
 @RequestMapping(value = "/createReport"
   ,method = RequestMethod.POST,
   produces = "application/json")
 public Map<String, Object> createReport(
   Model model,HttpServletRequest request){
  Map<String, Object> result = new HashMap<String, Object>();
  result.put("result", "fail");
  
  //获取各种参数信息
  //获取标题
  String title = request.getParameter("title");
  //获取描述信息
  String description = request.getParameter("description");
  //获取图片地址
  String image = request.getParameter("image");
  //获取姓名
  String name = request.getParameter("name");
  //获取联系方式
  String contact = request.getParameter("contact");
  
  //创建一个举报实体
  Report report = new Report(
    title, description, image, name, contact);
  //保存举报信息
  boolean flag = reportService.createReport(report);
  if (flag) {
   result.put("result", "success");
  }
  
  return result;
 }
 
 /*private void zoomOutImg(String saveURL) throws IOException {
  int ratio = operatorImage.getImgRatio(saveURL, CommonVar.LOGO_SCALE);
  operatorImage.reduceImageEqualProportion(saveURL, saveURL, ratio);
 }*/
 
 /**
  * 上传到正式路径，压缩不截图
  *
  * @param param
  * @param imageFile
  * @return
  */
 @RequestMapping(value = "/upLoadZipNormal", method = RequestMethod.POST, produces = "application/json")
 public Map<String, Object> upLoadZipNormal(
   @RequestParam Map<String, String> param,
   @RequestParam("file") MultipartFile imageFile) {
  logger.info("-------------------");
  Map<String, Object> result = new HashMap<String, Object>();
  
  
  if (!imageFile.isEmpty()) {
   Map<String, String> filedesc = new HashMap<String, String>();

   try {
    // 新文件名uuid形成的文件名称
    String uuid = FileUtils.genFileName();

    // 存放路径
    String path = CommonVar.getStoreFilepath()
      + FileUtils.genFilePath(Affix.UGCFILE);
    path = path.replace("\\", "/").replace("//", "/");
    
    // 原文件名
    String srcName = imageFile.getOriginalFilename();
    String suffix = srcName.substring(srcName.lastIndexOf(".") + 1,srcName.length()).toLowerCase();
    if (suffix.length() != 0 && (suffix.equals("jpg")) || (suffix.equals("png"))) {
     // 带后缀的新文件名
     String newFileName = uuid
       + srcName.substring(srcName.indexOf("."));

     // 保存文件路径(正式文件夹下)
     String saveURL = path + "/" + newFileName;
     
     // 写文件
     InputStream fi = imageFile.getInputStream();

     FileUtils.writeFile(fi, saveURL);
     
     //等比缩图
     //zoomOutImg(saveURL); 

     String webpath = CommonVar.getWebStoreFilepath() + FileUtils.genFilePath("3");
     webpath = webpath.replace("\\", "/");

     filedesc.put("id", uuid);
     filedesc.put("name", uuid);
     filedesc.put("filetype", Affix.UGCFILE);
     filedesc.put("contenttype", imageFile.getContentType());
     filedesc.put("filename", newFileName);// 有后缀
     filedesc.put("originalfilename", imageFile.getOriginalFilename());
     filedesc.put("filepath", webpath);

     result.put("filedesc", filedesc);
    } else {
        result.put("suffixError","文件必须为RGB模式的JPG或PNG格式!"); 
    }
    
    //TODO 这里还要计算图片的像素大小。
   } catch (Exception e) {
    e.printStackTrace();
   }
  }
  
  return result;
 }
}




文章标签：
JavaScript
前端开发
数据格式
JSON
iOS开发
关键词：
CSS按钮
CSS样式
iOS按钮
CSS页面
CSS代码
涂作权
目录
相关文章
爱你三千遍斯塔克
|
5月前
移动端的打开方式,打开F12之后，就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box； 定宽度为多少就是多少，代码库,移动端
移动端的打开方式,打开F12之后，就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box； 定宽度为多少就是多少，代码库,移动端
爱你三千遍斯塔克
84 0
Li370234940
|
2月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
Li370234940
124 1
热爱技术的小郑
|
4月前
|
Java 数据库连接 Spring
后端框架入门超详细 三部曲 Spring 、SpringMVC、Mybatis、SSM框架整合案例 【爆肝整理五万字】
文章是关于Spring、SpringMVC、Mybatis三个后端框架的超详细入门教程，包括基础知识讲解、代码案例及SSM框架整合的实战应用，旨在帮助读者全面理解并掌握这些框架的使用。
热爱技术的小郑
112 1
后端框架入门超详细 三部曲 Spring 、SpringMVC、Mybatis、SSM框架整合案例 【爆肝整理五万字】
热爱技术的小郑
|
4月前
|
XML JSON 数据库
SpringMVC入门到实战------七、RESTful的详细介绍和使用 具体代码案例分析(一）
这篇文章详细介绍了RESTful的概念、实现方式，以及如何在SpringMVC中使用HiddenHttpMethodFilter来处理PUT和DELETE请求，并通过具体代码案例分析了RESTful的使用。
热爱技术的小郑
36 1
SpringMVC入门到实战------七、RESTful的详细介绍和使用 具体代码案例分析(一）
疯狂的猿
|
4月前
|
移动开发 HTML5
自适应手机端青蛙吃蚊子小游戏html源码
HTML5青蛙吃蚊子游戏源码分享,音乐可以改的，自己在目录替换一下音乐就可以了训练手速和眼力的时候到了!
疯狂的猿
43 0
自适应手机端青蛙吃蚊子小游戏html源码
热爱技术的小郑
|
4月前
|
前端开发 应用服务中间件 数据库
SpringMVC入门到实战------八、RESTful案例。SpringMVC+thymeleaf+BootStrap+RestFul实现员工信息的增删改查
这篇文章通过一个具体的项目案例，详细讲解了如何使用SpringMVC、Thymeleaf、Bootstrap以及RESTful风格接口来实现员工信息的增删改查功能。文章提供了项目结构、配置文件、控制器、数据访问对象、实体类和前端页面的完整源码，并展示了实现效果的截图。项目的目的是锻炼使用RESTful风格的接口开发，虽然数据是假数据并未连接数据库，但提供了一个很好的实践机会。文章最后强调了这一章节主要是为了练习RESTful，其他方面暂不考虑。
热爱技术的小郑
41 0
SpringMVC入门到实战------八、RESTful案例。SpringMVC+thymeleaf+BootStrap+RestFul实现员工信息的增删改查
热爱技术的小郑
|
4月前
SpringMVC入门到实战------3、@RequestMapping注解（超详细基础知识+实际代码案例）
该博客文章详细介绍了SpringMVC中`@RequestMapping`注解的使用方法，包括其功能、位置、value属性、method属性、params属性、headers属性以及支持的路径风格和占位符，并通过实际代码案例展示了如何建立请求与控制器方法之间的映射关系。
热爱技术的小郑
56 0
SpringMVC入门到实战------3、@RequestMapping注解（超详细基础知识+实际代码案例）
朝阳39
|
5月前
|
前端开发 小程序
【微信小程序-原生开发】实用教程20 - 生成海报（实战范例为生成活动海报，内含生成指定页面的小程序二维码，保存图片到手机，canvas 系列教程）
【微信小程序-原生开发】实用教程20 - 生成海报（实战范例为生成活动海报，内含生成指定页面的小程序二维码，保存图片到手机，canvas 系列教程）
朝阳39
422 0
爱你三千遍斯塔克
|
5月前
|
Web App开发 编解码
软件开发常见流程之兼容性和手机屏页面设计,PC端和移动端常见浏览器，国内的UC都是根据Webkit修改过来的内核，开发重点关注尺寸，常见移动端尺寸汇总，移动端，理想视口根据你设别的样式进行修改
软件开发常见流程之兼容性和手机屏页面设计,PC端和移动端常见浏览器，国内的UC都是根据Webkit修改过来的内核，开发重点关注尺寸，常见移动端尺寸汇总，移动端，理想视口根据你设别的样式进行修改
爱你三千遍斯塔克
49 0
朝阳39
|
5月前
|
前端开发 Windows
手机真机调试本地前端页面
手机真机调试本地前端页面
朝阳39
146 0

热门文章

最新文章

  • 1
    SpringMvc+Spring+MyBatis 基于注解整合
  • 2
    第7章—SpringMVC高级技术—处理异常
  • 3
    SpringMVC介绍之视图解析器ViewResolver
  • 4
    SpringMVC标签用法
  • 5
    02springmvc架构原理分析
  • 6
    Dubbo与Zookeeper、SpringMVC整合和使用（负载均衡、容错）（转）
  • 7
    SpringMVC多视图技术
  • 8
    springMVC学习笔记--知识点总结1
  • 9
    Spring MVC 参数的绑定方法
  • 10
    SpringMvc的上传和下载
  • 1
    【开源推荐】一个手机端使用的终端shell工具
    1242
  • 2
    苹果手机iOS18最新升级：植入AI人工智能，国内百度文心一言，国外GPT4o来辅助
    233
  • 3
    使用kotlin Jetpack Compose框架开发安卓app， webview中h5如何访问手机存储上传文件
    186
  • 4
    基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现(源码+lw+部署文档+讲解等)
    93
  • 5
    vue 前端 邮箱、密码、手机号码等输入验证规则
    410
  • 6
    IOS手机自动化一些工具的简单有哪些？
    300
  • 7
    【手机群控】 利用Python与uiautomator2实现
    336
  • 8
    AI直播手机APP震撼发布！3大场景直播，60秒一键开播！
    497
  • 9
    基于springboot+vue.js+uniapp的二手手机交易平台附带文章源码部署视频讲解等
    36
  • 10
    基于springboot+vue.js+uniapp的多功能智能手机阅读APP附带文章源码部署视频讲解等
    83

    • 相关课程

    更多
  • 前端开发CSS基础
  • CSS 快速掌握
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • 手淘iOS性能优化探索
  • From Java/Android to Swift iOS
  • 深入剖析iOS性能优化

    • 相关实验场景

    更多
  • 图表样式智能美化工具
  • 前端开发基础3：CSS3常见显示属性
  • CSS基础教程
    • 下一篇
    阿里云对象存储OSS收费标准：存储、流量和请求等多个计费项详解