首次跟前端搭配开发——活动页面分享功能实现

以前搞管理系统麻木了

在个互联网公司一开始不是很适应

也一周了,短短一周,学到了好些东西

今让我加一个活动分享的功能

师傅今让我添加个‘简单‘的功能

说是实现以下一个页面分享的功能,就是给你提供一个页面,到时候点几分享按钮的时候,把这个用户的手机号码跟专业保存以下。

OK,这就是功能,之后又简单说了下怎么搞,我是听得一头蒙。

说是手机端测试需要下载个抓包工具。Charles,我蒙了,啥玩意

这是下载地址

直接下载安装包安装即可。

简单理解就是对于pc web浏览器你是可以f12进行调试,但是手机发送的http请求你是没法看的,需要借助工具罢了

用法

用了挺长时间才理解清楚

  页面是前端跟设计一块搞出来的,就是一个静态化html。我通过svn更新下来。

  分享分为四种情况

①手机打开分享页面:判断http的User-Agent请求头里面是否包含everstar,有表示是app内部。

  1)内部的话看username是否有值,有的话进行保存操作。

  2)  username值为空,就是在手机外部浏览器打开,提示需要先登录再进行分享操作。

②http请求头不包含everstar的话,是说明是在PC web端打开的

  1)  有自己的工具类,根据request获取当前用户是否为空,有值进行分享保存数据操作。

  2)  获取的当前用户为null,跳转到登录页面,之后url是这么个情况    action.do?/goUrl=newAction.do 这么个情况。

一年时间多亏自己平时积累,不然早他妈滚蛋了。坚信:你所付出的都不会白费,都有一定的缘由。

原文地址:https://www.cnblogs.com/c-h-y/p/9302433.html

时间: 2024-10-29 15:02:12

首次跟前端搭配开发——活动页面分享功能实现的相关文章

ExtJs是当今最主流的前端界面开发工具之一

摘要:ExtJs是当今最主流的前端界面开发工具之一,功能强大,外观绚丽.虽然网上的开发文档很多,但是在实际应用中仍然会遇到很多问题,本文结合企业信息化.SAP ERP等实际项目开发经验,对使用ExtJs开发做了一个梳理和总结,特别对开发中遇到的重点问题进行了详细阐述,希望能够为大家提供一些帮助.    关键词:ExtJs  IMS  RIA 作用域 id冲突 风格统一1 引言    随着互联网技术的不断发展,网站的互动性越来越强,软件从C/S到B/S,又到了B/S结构的C/S界面体验,伴随着大量

用系统方法论来管理个人的软件开发活动

引子 在 "学习系统方法论:开篇" 一文中,简要介绍了系统方法论的基本轮廓. 俗话说:学以致用. 先用系统方法论来尝试下管理自己的软件开发活动. 首先给一张之前总结过的软件开发全景的思维导图: 这张思维导图的优点在于:基本囊括了软件开发中的绝大部分活动,无论是宏观还是微观,一览无余. 当然,由于信息量太大,不容易一下子消化:且有些关键信息没有体现在这张导图里.本文将以这张导图为基础,以系统方法论为指导,来加以完善. 系统分析 如果将软件开发活动管理作为一个系统来看待,那么,其功能和形式

客户端发现_观影团活动页面开发与客户端新版跳转测试页面开发项目总结

   这一周过的是我理想的实习状态,手头有项目则忙项目,没项目则提高基础技能.那么下面来看看这周做的活动页面效果吧. 项目介绍 (一).观影团活动页面的开发 本项目页面的开发基本都是用之前用过的技术,不同之处在于乐帝之前的开发处于懵懂状态,现在回头看还是有些许的提高,对页面每一行代码都知道来龙去脉,弹出窗.对齐.居中布局都从本周阅读<前端开发修炼之道>有了更深层次的认识.css对齐与居中布局都不是单独属性完成的,而是有关联及触发的,而之前写页面不理解的恰恰是属性间的触发关系. 这里拿弹出窗的构

web前端开发与页面设计的协作、区别与发展

web前端开发与页面设计的协作.区别与发展,布布扣,bubuko.com

推荐14个优秀的前端开发聚合、分享、期刊订阅类网站

2017-06-11 愚人码头 WEB前端开发 前端技术日新月异,及时了解前端开发最新最前沿的技术资讯,对于前端开发攻城狮的成长进步来说非常重要.分享这些年收藏的几个前端开发聚合.分享.期刊订阅类网站.欢迎大家留言补充. JavaScript Weekly 一个总结 JavaScript 新闻和文章的免费电子邮件周刊.http://javascriptweekly.com/ 掘金 一个只有高手分享的社区,每个月有超过 3,000,000 个互联网从业者使用掘金,无论是程序员.设计师还是产品经理,

胡泽锐:移动开发即服务——腾讯云移动开发平台技术分享

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 作者:胡泽锐,2010 年毕业加入腾讯,先后负责过QQ空间.网页应用.移动应用.移动游戏相关的工作,有着丰富的平台产品经验以及大前端开发经验,目前在腾讯云负责前端以及终端相关的工作,提出并推动移动开发平台产品的落地. 很高兴能和大家分享移动开发的历史.现状.以及未来,一起探索面向云端的全新模式--移动开发即服务.正因为有了移动开发即服务的理念,才有了移动开发平台这个产品.传统模式下,大家都是以单个产品或者能力的方式提供服务,比如推送的就

【微信开发】【Asp.net MVC】-- 微信分享功能

内嵌在微信中的网页,右上角都会有一个默认的分享功能.如下图所示,第一个为自定义的效果,第二个为默认的效果.实现了自定义的分享链接是不是更让人有点击的欲望?下面讲解下开发的过程. 一.准备,设置js接口安全域名 这需要使用微信的jssdk,先需要在微信公众号后台进行设置:公众号设置-->功能设置-->JS接口安全域名.打开这个页面之后你会看到下面的提示.需要先下载这个文件并上传到指定域名的根目录. 这个文件里面是一个字符串,从名称看是用来校验用的.先上传了这个文件,你才能保存成功.这样你就可以使

构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案(四)

通过前面几节的准备工作,对于 npm / node / gulp 应该已经有了基本的认识,本节主要介绍如何构建一个基本的前端自动化开发环境. 下面将逐步构建一个可以自动编译 sass 文件.压缩 javascript 文件.多终端多浏览器同步测试的开发环境,并且还可以通过 piblish 命令对项目下的文件进行打包操作. 相关连接导航 在windows下安装gulp —— 基于 Gulp 的前端集成解决方案(一) 执行 $Gulp 时发生了什么 —— 基于 Gulp 的前端集成解决方案(二) 常

移动端html页面分享

开发APP应用比开发移动端网页挑战小,因为APP应用只需要适配不同手机即可,而移动端网页不仅需要适配不同手机,还要适配同一部手机的不同浏览器. 移动端页面分享是一个常用的功能,需要宿主环境,可以是某APP应用,也可以是微信,还可以是浏览器. 如果html页面内嵌APP应用或者微信,想实现分享功能,需要在按钮元素上加代码,要么调用APP方法或协议,要么调用微信API:如果html页面直接在浏览器打开,网页前端不用额外做分享功能,因为浏览器自带分享. 站在网页前端的角度,下面具体介绍一下微信分享和A