手机软件h5应用制作
关注
分享
扫一扫
使用h5+java来制作手机app的点滴
qq_37591637
2018/9/19开通博客，遇事录
展开
-
[db-task][sync-changes] Failed to import asset C:\Users\123\Documents\NewProject_1\assets\star.js, m
错误信息 [db-task][sync-changes] Failed to import asset C:\Users\123\Documents\NewProject_1\assets\star.js, message: Compile error: SyntaxError: C:/Users/123/Documents/NewProject_1/assets/star.js: Unexp...原创 2019-01-31 13:33:43 · 3919 阅读 · 2 评论 -
微信小程序开发-软件外包平台案例
这个是我自己做的一个小程序，总共有4个页面主要实现的功能有：从数据库中增删改查数据显示在页面上、点击跳转链接等等 操作效果如下 完整代码在这里https://download.csdn.net/download/qq_37591637/10953732...原创 2019-02-12 13:22:46 · 23890 阅读 · 0 评论 -
APICloud 插入AUI组件却没有出来效果
错误背景最近在做手机app开发，由于我学的是java，不是安卓，如果一步步自己全手工敲代码的话，开发周期长，学习周期也太长了，我在网上看到了这个开发便捷的软件 APICloud，我在插入AUI组件的时候，却显示不出来应有的效果，截图如下 原因：1、没有导入aui框架的css和js文件下载地址 https://github.com/liulangnan/aui2、打开开发项...原创 2019-02-12 16:22:13 · 2699 阅读 · 1 评论 -
Failed to load resource: net::ERR_FILE_NOT_FOUND admin.js:21 Uncaught ReferenceError: echarts is not
错误背景AppCan制作小程序，Html代码报错错误信息如下 ①错误： Uncaught ReferenceError: echarts is not解决方案：页面没有引入echarts.js文件②错误：Failed to load resource: net::ERR_FILE_NOT_FOUND原因：插入的js是该目录下面不存在的...原创 2019-03-01 11:49:44 · 3585 阅读 · 0 评论 -
apicloud项目如何在手机上调试
前言apicoud项目做好了如果想要在手机上同步查看效果的话，就必须学会怎么和真机同步，下面是2019年3月7日最新版本的APICloud软件怎么和手机同步的详细步骤，本人亲自实践的！查看真机调试的ip和端口号在你的项目上面，右键-查看wifi真机同步的端口和ip地址一般端口号都是10915ip地址就是你的电脑的IP地址工具/原料 APICloud ...原创 2019-03-07 10:25:15 · 3472 阅读 · 0 评论 -
APICloud-rest.js:1 Uncaught ReferenceError: api is not defined
背景APICLOU开发app错误原因有一、api.method() api的方法没有放在函数里面错误示例var model = api.require('model');model.config({ appId:A6006471302025, appKey: '41DEF0A4-9F9B-B578-0ED4-A63ACBF338E8', host:...原创 2019-03-07 12:07:36 · 6424 阅读 · 0 评论 -
APICloud如何实现轮播图的效果
js代码一下的代码如果不知道是什么意思的可以看文档，文档里面很详细https://docs.apicloud.com/Client-API/UI-Layout/UIScrollPicture//轮播图apiready = function(){//没有这个的话，就会报错api is not definedvar UIScrollPicture = api.require('UIS...原创 2019-03-08 09:37:15 · 2365 阅读 · 2 评论 -
APICloud项目怎么在电脑上模拟在手机运行的一样的效果
推荐软件海马玩模拟器(电脑版本)下载完成以后打开海马玩管理器-启动下载apploader安卓或者iso版本的软件左上角一个设置-其他设置-apk安装找到要安装软件的位置，点击安装，如果安装失败可能是网速不好，多安装几次安装成功以后，我的桌面上回多一个apploader的软件点击进去apploader点击绿色的圆圈输入电脑的ip和端...原创 2019-03-08 15:48:44 · 4055 阅读 · 0 评论 -
APICloud怎么实现页面的跳转和传参
第一种方法一个页面跳转到另一个页面 window.location.href = 'adm_login.html?name='+user+'&pass='+pass;在另一个页面取值<body> <div class="empty">欢迎来到后天</div><h1 id="lon"></h1&原创 2019-03-09 15:17:34 · 9949 阅读 · 0 评论 -
APICloud如何实现登录功能
要求：1、把表单里面的用户名和密码与云服务器的数据库表里面的信息做比对2、如果登录成功则跳转到另一个页面，另一个页面接收用户信息3、不成功就返回提示信息Html页面<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>原创 2019-03-09 15:31:34 · 4802 阅读 · 1 评论 -
APICloud如何把数据库中的表数据循环遍历显示在html页面上
表如下html页面代码 <!--显示发布的消息---><table id="mess"></table>第一步、查询表里的数据库function crc_list(){ //参数配置 var model = api.require('model'); var query = api.require('query'); ...原创 2019-03-11 16:00:36 · 3076 阅读 · 0 评论 -
APICloud之返回到上一级
1、html代码 <img src="../image/fanhui.png" id="back" onclick="comeBack()"/>2、css代码#back{ width:10%; height:5%;}3、图片是从阿里巴巴矢量图网上找的4、 js代码//返回按钮function comeBack(){ api.hist...原创 2019-03-12 15:19:06 · 3301 阅读 · 0 评论 -
app 底部导航栏代码的实现
api.csshtml{ font-family: sans-serif;}html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption...原创 2019-03-13 09:12:34 · 3187 阅读 · 1 评论 -
Not allowed to load local resource: file:///android_asset/webkit/android-weberror.png at html,chrome
问题背景：1、使用apicloud开发app2、在使用NVTabBar模块，NVTabBar是一个底部导航条模块3、显示底部导航栏没有问题，但是添加点击跳转事件的时候报错4、用海马玩模拟手机运行效果，控制台报错报错信息Not allowed to load local resource: file:///android_asset/webkit/android-weberr...原创 2019-03-13 10:53:27 · 32512 阅读 · 0 评论 -
APICloud 使用NVTabBar做导航栏
背景：1、APICloud开发app2、在index.html里面编辑，把原本的代码去掉3、只留<link rel="stylesheet" type="text/css" href="./css/api.css"/> <link rel="stylesheet" type="text/css" href="./css/style.c原创 2019-03-13 11:06:16 · 2612 阅读 · 0 评论 -
APICloud 如何把项目打包成app
官方版本https://docs.apicloud.com/APICloud/creating-first-app实践版本1、上传软件app的图标，必须是.png的格式2、安卓手机是不会安装没有证书的软件的要有证书，如果你的手机是安卓的，就很简单了，一键创建证书，只需要输入两次密码就可以了如果是苹果手机的话，就参考一下apicloud的文档吧...原创 2019-03-13 16:00:53 · 13462 阅读 · 2 评论 -
APICloud如何实现顶部导航栏切换功能
第一步、后台添加模板NVVavigationBar第二步、在想要添加顶部导航栏的页面上设置如下代码<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0,mi原创 2019-03-16 19:41:17 · 2659 阅读 · 0 评论 -
APicloud怎么用java做后台
背景 APICloud是一款制作app的软件，它提供后台服务器，功能十分的强大。一般的企业都会自己的服务器，这个就涉及到后台接口了！本人学习的语言是java，所以自然采用java做apicloud的后台！接口原理APICloud前台页面通过ajax请求到java后台的servlet页面servlet页面通过把数据封装成JSON的格式返回给APICloud的前台页面...原创 2019-03-19 10:32:25 · 2094 阅读 · 0 评论 -
APIcloud 怎么设置app的启动页，设置定时3秒以后才进入主页
登录APICloud账户，点击进入应用 -应用服务-闪屏广告开启闪屏广告注意：上传图片要求1、图片的格式是.png的2、尺寸要和图上的一样，要么是1080*1920.要么就是1536*2048、1125*2436、750*1334、640*1136和640*960如果是其他的样式就会出现错误，尺寸不对我感觉网上特别难找合适的又好看的图片，我是用ps处理的！...原创 2019-03-21 10:08:04 · 5496 阅读 · 1 评论 -
Not allowed to load local resource: file:///android_asset/webkit/android-weberror.png at html,chrome
错误线索APICLoud在真机调试的时候，加载页面就报了如下的错误Not allowed to load local resource: file:///android_asset/webkit/android-weberror.png at html,chromewebdata.htm : 12解决原因加载了该项目没有的资源或者文件把shopping_cat.h...原创 2019-03-21 10:44:01 · 21801 阅读 · 0 评论 -
ajax请求可以进入java后台,但是获取不到java后台返回的数据
今天一天，都因为这个问题......崩溃什么问题呢？1、我在做一个手机app2、我用java左后台，用Mysql+sqlyog做数据库3、前端和后台是由ajax连接的4、ajax可以进入后台，后台可以获取ajax传递过来的值5、但是呢，java返回json类型的数据，ajax却请求不到，即不报错，也没有任何提示！！！尝试然后我用postman来测试后台的接口，完全没...原创 2019-03-22 22:10:14 · 3771 阅读 · 1 评论 -
apiready = function() {}的另类讲解
问题apiready = function() {hid();} 和 <body onload="hid();">是一个意思么共同点：页面刚加载的时候都会执行不同点：<body onload="hid();">只会在页面刚加载的时候执行，加载结束以后，除非页面刷新，无论点击按钮点击编辑还是做什么操作都不会再触发onload里面的事件了！apirea...原创 2019-03-23 11:14:09 · 4575 阅读 · 0 评论 -
Apicloud fs 对文件操作的使用手册
首先，在后台添加fs模块，sqlits的crud都在这个模块基础上的使用文档https://docs.apicloud.com/Client-API/Func-Ext/fs许多人都是看过文档，但是不知道怎么使用？今天就由我来给大家一个使用案例，方便大家知道怎么用？第一个、创建文件夹tjn<script>apiready=function(){ //创建...原创 2019-03-25 13:41:50 · 3152 阅读 · 0 评论 -
app手机端如何把图片上传到java服务器端
举个例子手机端 apicloud做的app前端服务器 java语言实现什么？ 在手机端上传图片到java服务器上所需的jar包common-io.jarcommon-fileupload.jarapicloud 上的html代码,以下是注意点1、action是你后台服务器的ip地址+端口号+项目名+类名2、method="...原创 2019-03-26 11:14:30 · 4134 阅读 · 3 评论 -
apicloud app选择手机相册相机图片上传到服务器
效果图是这样的点击修改头像，会出现选项apicloud HTML代码 <img src="" id="avatar"/> <input type="button" value="修改头像" onclick="showAction();"/>apicloud js代码<script>//调用手机相册和相机va...原创 2019-03-26 17:27:06 · 3954 阅读 · 2 评论 -
apicloud app手机端下载服务器上的文件/图片
适用背景1、app开发软件做前端如appcan 、apicloud2、java做后端服务器3、数据库存储文件/图片的地址，如果在数据库上存储文件或者图片的话，太占内存了！可以实现的功能1、一切涉及图片的功能，发布新闻，查看头像等等解决问题的思路1、apicloud/appcan做前端显示页面，java做后台数据处理，前后台用ajax来衔接2、我用的是apicloud...原创 2019-03-27 22:09:28 · 3663 阅读 · 0 评论 -
apicloud如何把ret返回的数据循环遍历在html页面上
三种方法：vue.js、js的dom元素拼接、dot.js最方便最好用的是vue.js，最麻烦最不好用的是js的元素拼接我主要讲vue.js和js的dom元素拼接 dot.js和vue.js差不多js的dom元素拼接通过ajax把后台的数据返回到ret里如图所示，要把标签如<tr><td><div>都用字符串的形式拼接起来，这个不是麻烦的，麻...原创 2019-03-28 09:30:14 · 4846 阅读 · 0 评论 -
Vue v-for循环之@click点击事件获取元素
应用背景浏览论坛的贴子（数据库的数据通过vue遍历在html页面上）点击帖子的标题、图片，可以查看详细的帖子（点击事件获取id）1、设置一个隐藏值的放置Id的div，点击div就获取id，传参到后台（点击一部分）<!DOCTYPE html><html><head><meta charset="utf-8"><titl...原创 2019-03-28 10:38:53 · 41379 阅读 · 1 评论 -
Apicloud之如何实现一次上传多张图片
前提：1、APIcloud做前端开发工具2、加入了UIMediaScanner模块代码使用安卓系统，ios系统的可以参考一下代码讲解1、UIMediaScanner模块选择多张图片以后，返回的是一个list集合2、而路径是在list集合的path属性里面3、因此，需要先获取ret.list里面的内容 var imgs = ret.list;4、imgs ...原创 2019-04-03 18:18:58 · 3819 阅读 · 2 评论 -
前端之购物车的数据列表功能实现
在手机上的运行效果如下当选中两件商品的时候1、全选按钮没有被勾上2、下面统计了选中的商品的个数当选中全选的时候1、所有商品被选中，而且全选按钮被选中2、商品的个数为3，是正确的3、当再次点击全选按钮的时候，所以的商品都不会被勾选只要一个商品不被勾选，那么全选按钮就不会被勾选，只有所有的商品被勾选的时候，全选按钮才会被勾选经数次测试，功能和淘宝购物...原创 2019-04-04 15:29:56 · 3852 阅读 · 0 评论 -
vue 实现数量和价格同步变化
效果如下 涉及框架1、vue.js2、bootstrap框架实现功能的代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 实例 - 按钮组的大小</title> <link rel="s...原创 2019-04-07 14:04:26 · 2874 阅读 · 0 评论 -
Apicloud之亲加模块的使用方法
一、登录apicloud后台，添加五大模块二、下载亲加demohttps://github.com/QPlus/APICloudLiveDemo把这些文件全部复制到你的项目相应的文件里面去（你这个项目添加了亲加的五大模块）注册亲加视频后台，登录开始配置apicloud项目里面config.xml文件1、id对应的是你apicloud后台的id...原创 2019-04-08 11:20:01 · 4676 阅读 · 0 评论 -
APICloud A页面有一个底部导航栏 点击A页面的按钮进入另一个页面B B页面也有一个底部导航栏 从B返回到A页面的时候，怎么显示A的底部导航栏
要求说明 1、APICloud A页面有一个底部导航栏TAB_A2、点击A页面中的某一个部分/按钮可以进入另一个页面B3、B页面也有一个底部导航栏 TAB_B4、从B点击按钮返回到A页面的时候，怎么显示A的底部导航栏涉及的知识点（方子）底部导航栏、api.openWin({})、api.openFrame({})解决方案1、A页面有导航栏TAB_A在index....原创 2019-04-09 09:58:15 · 1783 阅读 · 0 评论 -
微信小程序 如何实现js点击事件
坑啊我一直做的是html的网站或者是手机app js点击事件 都是 onclick="事件名（）"但是微信小程序真的是刷新我的三观html页面如下，你没有看错bindtap绑定 <button formType="button" class="search_btn" bindtap='search'>搜索</button> js代码...原创 2019-04-25 09:24:03 · 28365 阅读 · 7 评论 -
cnpm run dev启动报错 error missing script: dev
错误日志和信息如下 error missing script: dev错误原因：1、cnpm run dev或者npm run dev这个命令应该是在项目目录下面运行（我错误的原因就是第一条，我的项目目录是d:/vscode，然而我却没有切换目录，在C:\Users\Administrator下面执行这个命令），这个是肯定错误的2、package.json文件中缺...原创 2019-05-08 16:34:55 · 9664 阅读 · 0 评论 -
element-ui@2.8.2 requires a peer of vue@2.5.16 but none was installed
错误描述在用npm命令安装Element的时候（命令如下所示）cnpm i element-ui -S报了一个警告解决方案缺什么安装什么cnpm install vue@^2.5.16成功以后，再次输入cnpm i element-ui -S命令，这个时候不就不会报错了...原创 2019-05-08 16:51:55 · 17038 阅读 · 2 评论 -
启动vue项目报错 these dependencies were not found:element-ui in ./src/main.js
错误信息如下解决方案缺少组件，在这个项目的目录下，安装组件我之前安装过了，但是这个安装是在c盘管理员的目录下面进行的1、使用cmd命令切换到项目的目录下面2、cnpm i element-ui -S 如果没有使用淘宝镜像的就使用npm i element-ui -S命令...原创 2019-05-08 17:33:47 · 36679 阅读 · 5 评论 -
Too many blank lines at the end of file. Max of 0 allowed. (no-multiple-empty-lines)
vue启动的时候报错Too many blank lines at the end of file. Max of 0 allowed. (no-multiple-empty-lines)解决方案安装 ESLint我用的开发工具vscode,直接安装插件ESLint如果是其他的工具就使用npm install -g eslint...原创 2019-05-09 06:37:49 · 7198 阅读 · 1 评论 -
微信小程序 如何添加一条分割线
<view class="container"> <!-- 分割线 --> <view class="divLine"></view></view>/*分割线样式*/.divLine{ background: #E0E3DA; width: 100%; height: 5rpx;}...原创 2019-05-17 14:14:00 · 33963 阅读 · 1 评论 -
微信小程序中 wx:for=""和wx:key=""是什么关系
微信小程序中一般都会要求有wx:for=""和wx:key=""两个都存在，不然会有警告最简单的解释wx:for="里面是要循环遍历的数组"wx:key="指向数组里面的某个属性"demo如下<view class="top_tip" wx:for="{{mydata}}" wx:key="item.nid">{{item.nid}}、{{item...原创 2019-05-22 20:47:30 · 6268 阅读 · 0 评论