当前位置:   article > 正文

vue购物车案例,v-model 之 lazy、number、trim,与后端交互_input v-modal原生并实现lazy

input v-modal原生并实现lazy

购物车案例

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <script src="./js/vue.js"></script>
  7. </head>
  8. <body>
  9. <div id="d1">
  10. <h1>购物车</h1>
  11. <table>
  12. <thead>
  13. <tr>
  14. <th>商品id</th>
  15. <th>商品名</th>
  16. <th>商品价格</th>
  17. <th>商品数量</th>
  18. <th>全选/全不选<input type="checkbox" v-model="checkAll" @change="handleCheckAll"></th>
  19. </tr>
  20. </thead>
  21. <tbody>
  22. <tr v-for="goods in goodsList">
  23. <th>{{goods.id}}</th>
  24. <td>{{goods.name}}</td>
  25. <td>{{goods.price}}</td>
  26. <td>
  27. <span @click="handleJian(goods)">-</span>
  28. <input type="text" v-model="goods.count">
  29. <span @click="handleAdd(goods)">+</span>
  30. </td>
  31. <td>
  32. <input type="checkbox" v-model="checkGoodList" :value="goods" @change="handleCheckOne">
  33. </td>
  34. </tr>
  35. </tbody>
  36. </table>
  37. <h3>选中的商品:{{checkGoodList}}</h3>
  38. <h3>是否全选:{{checkAll}}</h3>
  39. <h3> 总价格:{{getPrice()}}</h3>
  40. </div>
  41. </body>
  42. <script>
  43. new Vue({
  44. el:'#d1',
  45. data:{
  46. goodsList: [
  47. {id: 1, name: '短袖', price: 99, count: 2},
  48. {id: 2, name: '短裤', price: 39, count: 1},
  49. {id: 3, name: '短裙', price: 189, count: 6},
  50. {id: 4, name: '短袜', price: 8, count: 8},
  51. {id: 5, name: '长筒袜', price: 4, count: 88},
  52. {id: 6, name: '过膝袜', price: 5, count: 90},
  53. ],
  54. checkGoodList:[],
  55. checkAll:false
  56. },
  57. methods:{
  58. getPrice(){
  59. var total=0
  60. for (var item of this.checkGoodList){
  61. total+=item.price * item.count
  62. }
  63. return total
  64. },
  65. handleCheckAll(){
  66. if (this.checkAll){
  67. this.checkGoodList=this.goodsList
  68. }else {
  69. this.checkGoodList = []
  70. }
  71. },
  72. handleCheckOne(){
  73. if (this.checkGoodList.length==this.goodsList.length){
  74. this.checkAll=true
  75. }else {
  76. this.checkAll=false
  77. }
  78. },
  79. handleAdd(goods) {
  80. goods.count++
  81. },
  82. handleJian(goods) {
  83. if (goods.count > 1) {
  84. goods.count--
  85. } else {
  86. alert('宝贝不能再少了')
  87. }
  88. }
  89. }
  90. })
  91. </script>
  92. </html>

v-model 之 lazy、number、trim

lazy:等待input框的数据绑定失去焦点之后再变化
number:数字开头,只保留数字,后面的字母不保留;字母开头,都保留
trim:去除首位的空格

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <script src="./js/vue.js"></script>
  7. </head>
  8. <body>
  9. <div id="app">
  10. <h1>input 和v-model</h1>
  11. <input type="text" v-model="name">
  12. <h1>v-model修饰符:lazy、number、trim</h1>
  13. <input type="text" v-model.lazy="s1">--->{{s1}}
  14. <br>
  15. <input type="text" v-model.number="s2">--->{{s2}}
  16. <br>
  17. <input type="text" v-model.trim="s3">--->{{s3}}
  18. </div>
  19. </body>
  20. <script>
  21. var vm = new Vue({
  22. el: '#app',
  23. data: {
  24. name: '彭于晏',
  25. s1: '',
  26. s2: '',
  27. s3: '',
  28. },
  29. })
  30. </script>
  31. </html>

与后端交互

# 1 使用jq的ajax  ===》不好---》引入了jq框架,好多功能用不到
# 2 原生js  fetch
    提供了一个 JavaScript 接口,用于访问和操纵 HTTP 管道的一些具体部分
       fetch('http://127.0.0.1:5000/userinfo')
                    .then(response => {
                        return response.json();
                    }).then(data => {
                    this.username = data.username
                    this.age = data.age
                });
# 3 axios  第三方ajax,只有ajax,没有别的,小--》底层还是基于XMLHttpRequest
      <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js"></script>

jq发送

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <script src="./js/vue.js"></script>
  7. <script src="./js/jq.js"></script>
  8. </head>
  9. <body>
  10. <div id="app">
  11. <h1>与后端交互</h1>
  12. <button @click="handleLoad">加载用户信息</button>
  13. <p>用户名:{{username}}</p>
  14. <p>年龄:{{age}}</p>
  15. </div>
  16. </body>
  17. <script>
  18. var vm = new Vue({
  19. el: '#app',
  20. data: {
  21. username: '',
  22. age: ''
  23. },
  24. methods: {
  25. handleLoad() {
  26. // 后端发送请求,拿到数据,赋值给 username和age 页面就有了
  27. // 1 发送请求方式1 使用 jq的ajax
  28. $.ajax({
  29. url: 'http://127.0.0.1:5000/userinfo',
  30. method: 'get',
  31. success: data => {
  32. // CORS policy 跨域问题---》解决---》后端响应头中加入:Access-Control-Allow-Origin
  33. console.log(typeof data)
  34. data = JSON.parse(data)
  35. this.username = data.username
  36. this.age = data.age
  37. }
  38. })
  39. }
  40. }
  41. })
  42. </script>
  43. </html>

原生js

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <script src="./js/vue.js"></script>
  7. <script src="./js/jq.js"></script>
  8. </head>
  9. <body>
  10. <div id="app">
  11. <h1>与后端交互</h1>
  12. <button @click="handleLoad">加载用户信息</button>
  13. <p>用户名:{{username}}</p>
  14. <p>年龄:{{age}}</p>
  15. </div>
  16. </body>
  17. <script>
  18. var vm = new Vue({
  19. el: '#app',
  20. data: {
  21. username: '',
  22. age: ''
  23. },
  24. methods: {
  25. handleLoad() {
  26. // 后端发送请求,拿到数据,赋值给 username和age 页面就有了
  27. // 1 原生fetch发送请求
  28. fetch('http://127.0.0.1:5000/userinfo')
  29. .then(response => {
  30. return response.json();
  31. }).then(data => {
  32. this.username = data.username
  33. this.age = data.age
  34. });
  35. }
  36. }
  37. })
  38. </script>
  39. </html>

axios

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <script src="./js/vue.js"></script>
  7. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  8. </head>
  9. <body>
  10. <div id="app">
  11. <h1>与后端交互</h1>
  12. <button @click="handleLoad">加载用户信息</button>
  13. <p>用户名:{{username}}</p>
  14. <p>年龄:{{age}}</p>
  15. </div>
  16. </body>
  17. <script>
  18. var vm = new Vue({
  19. el: '#app',
  20. data: {
  21. username: '',
  22. age: ''
  23. },
  24. methods: {
  25. handleLoad() {
  26. // 后端发送请求,拿到数据,赋值给 username和age 页面就有了
  27. // 1 axios发送请求
  28. axios.get('http://127.0.0.1:5000/userinfo')
  29. .then(res => {
  30. console.log(res.data); //真正的响应体的数据在res.data
  31. this.username = res.data.username
  32. this.age = res.data.age
  33. })
  34. .catch(error => {
  35. console.log(error);
  36. });
  37. }
  38. }
  39. })
  40. </script>
  41. </html>

小电影案例

前端

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <script src="./js/vue.js"></script>
  7. <script src="./js/axios.js"></script>
  8. </head>
  9. <body>
  10. <div id="d1">
  11. <h1>点击显示小电影案例</h1>
  12. <button @click="handleLoad">加载</button>
  13. <div v-for="film in filmList">
  14. <img :src="film.poster" alt="" height="200px" width="150px">
  15. <div>
  16. <h3>{{film.name}}</h3>
  17. <p>主演:
  18. <span v-for="item in film.actors">
  19. {{item.name}} &nbsp;&nbsp;
  20. </span>
  21. </p>
  22. <p>{{film.nation}}|{{film.runtime}}</p>
  23. </div>
  24. </div>
  25. </div>
  26. </body>
  27. <script>
  28. var vm = new Vue({
  29. el: '#d1',
  30. data: {
  31. filmList: []
  32. },
  33. methods: {
  34. handleLoad() {
  35. axios.get('http://127.0.0.1:5000/film').then(res => {
  36. if (res.data.code == 100) {
  37. this.filmList = res.data.results
  38. } else {
  39. alert(res.data.msg)
  40. }
  41. })
  42. }
  43. }
  44. })
  45. </script>
  46. </html>

后端

  1. from flask import Flask, jsonify
  2. import json
  3. app = Flask(__name__)
  4. @app.route('/film', methods=['GET'])
  5. def film():
  6. with open('./film.json', 'rt', encoding='utf-8') as f:
  7. res = json.load(f)
  8. res=jsonify(res)
  9. res.headers['Access-Control-Allow-Origin']='*'
  10. return res
  11. if __name__ == '__main__':
  12. app.run()

 film.json

  1. {
  2. "code":100,
  3. "results":[
  4. {
  5. "filmId":6664,
  6. "name":"年会不能停!",
  7. "poster":"https://pic.maizuo.com/usr/movie/6b59b017d4dc427551d8ad530c009f5c.jpg",
  8. "actors":[
  9. {
  10. "name":"董润年",
  11. "role":"导演",
  12. "avatarAddress":"https://pic.maizuo.com/usr/movie/ed9a520f233f9fe5dd01e0afea67b890.jpg"
  13. },
  14. {
  15. "name":"大鹏",
  16. "role":"胡建林",
  17. "avatarAddress":"https://pic.maizuo.com/usr/movie/75741ac19a8019deccf3a9ba8709dc49.jpg"
  18. },
  19. {
  20. "name":"白客",
  21. "role":"马杰",
  22. "avatarAddress":"https://pic.maizuo.com/usr/movie/bd23f041d10ca51f4d6bc2060ecdf196.jpg"
  23. },
  24. {
  25. "name":"庄达菲",
  26. "role":"潘怡然",
  27. "avatarAddress":"https://pic.maizuo.com/usr/movie/eb34beaaac4ed83e016bde7eed9c7549.jpg"
  28. },
  29. {
  30. "name":"王迅",
  31. "role":"庄正直",
  32. "avatarAddress":"https://pic.maizuo.com/usr/movie/e6d3df29a73643f18e142ffcf029a8bd.jpg"
  33. }
  34. ],
  35. "director":"董润年",
  36. "category":"喜剧|剧情",
  37. "synopsis":"犒劳辛苦一年的自己,来影院大笑解压跨年!国民级喜剧人年底大聚会,真实还原打工人精神状态!钳工胡建林 (大鹏 饰)在集团裁员之际阴差阳错被调入总部,裹挟在“错调”事件中的人事经理马杰 (白客 饰) 为保饭碗被迫为其隐瞒四处周旋。从“工厂”到“大厂”,从“蓝领”变“金领”,胡建林因与大厂环境格格不入而笑料百出,也像一面“职场照妖镜”照出职场众生相......胡建林为何能在裁员之际一路升职加薪制霸大厂?马杰又能否在“错调”事件中全身而退?这场离谱的“错调”背后又隐藏着什么惊天大瓜……",
  38. "filmType":{
  39. "name":"4D",
  40. "value":13
  41. },
  42. "nation":"中国大陆",
  43. "language":"",
  44. "videoId":"",
  45. "premiereAt":1703808000,
  46. "timeType":3,
  47. "runtime":117,
  48. "grade":"7.2",
  49. "item":{
  50. "name":"4D",
  51. "type":13
  52. },
  53. "isPresale":true,
  54. "isSale":false
  55. },
  56. {
  57. "filmId":6661,
  58. "name":"金手指",
  59. "poster":"https://pic.maizuo.com/usr/movie/7c6fc744ab6efc08696fd1a8db5ede3b.jpg",
  60. "actors":[
  61. {
  62. "name":"庄文强",
  63. "role":"导演",
  64. "avatarAddress":"https://pic.maizuo.com/usr/movie/c8a01acf59a22446204480d4f182997c.jpg"
  65. },
  66. {
  67. "name":"梁朝伟",
  68. "role":"程一言",
  69. "avatarAddress":"https://pic.maizuo.com/usr/movie/dde9116fbb432a327cc2f71e9603da58.jpg"
  70. },
  71. {
  72. "name":"刘德华",
  73. "role":"刘启源",
  74. "avatarAddress":"https://pic.maizuo.com/usr/movie/a5fc45490b819cda18057b127816b7a3.jpg"
  75. },
  76. {
  77. "name":"蔡卓妍",
  78. "role":"张嘉文",
  79. "avatarAddress":"https://pic.maizuo.com/usr/movie/6ee9dac0b4426320f7f820c82cdb29f4.jpg"
  80. },
  81. {
  82. "name":"任达华",
  83. "role":"曾剑桥",
  84. "avatarAddress":"https://pic.maizuo.com/usr/movie/63f8acdb408dd7836eda9a442cdb556e.jpg"
  85. }
  86. ],
  87. "director":"庄文强",
  88. "category":"剧情|犯罪",
  89. "synopsis":"偷渡穷光蛋惊天逆袭,用100块赚到100亿?比爽文还刺激!梁朝伟刘德华二十年后再合体,极致演绎跨年档最受期待现实主义“暴富”大片!揭秘轰动全球的真实“发财传奇”!看《金手指》,狂享奢华逆袭,一起暴富跨年!上市公司嘉文集团在短短几年间从默默无名到风生水起,再到没落清盘,市值蒸发超过一百亿。幕后老板程一言(梁朝伟 饰)也从万众瞩目的股民偶像变成人人喊打的过街老鼠。高级调查主任刘启源(刘德华 饰)长达十五年锲而不舍地搜证和跨境调查,消耗超过两亿诉讼费,竟发现局中有局案中有案,牵涉数条人命并波及香港整个上流社会,究竟谁在幕后?谁能逃脱?谁会出局?",
  90. "filmType":{
  91. "name":"2D",
  92. "value":1
  93. },
  94. "nation":"中国大陆,中国香港",
  95. "language":"",
  96. "videoId":"",
  97. "premiereAt":1703894400,
  98. "timeType":3,
  99. "runtime":125,
  100. "grade":"7.5",
  101. "item":{
  102. "name":"2D",
  103. "type":1
  104. },
  105. "isPresale":true,
  106. "isSale":false
  107. },
  108. {
  109. "filmId":6677,
  110. "name":"潜行",
  111. "poster":"https://pic.maizuo.com/usr/movie/7e2625801ed632f56d8ede5325ff73dd.jpg",
  112. "actors":[
  113. {
  114. "name":"关智耀",
  115. "role":"导演",
  116. "avatarAddress":"https://pic.maizuo.com/usr/movie/1a447bd802546aaf91169a32d1145248.jpg"
  117. },
  118. {
  119. "name":"刘德华",
  120. "role":"演员",
  121. "avatarAddress":"https://pic.maizuo.com/usr/movie/a5fc45490b819cda18057b127816b7a3.jpg"
  122. },
  123. {
  124. "name":"林家栋",
  125. "role":"演员",
  126. "avatarAddress":"https://pic.maizuo.com/usr/movie/8c48d0deacebd51850d1e7f1750225d7.jpg"
  127. },
  128. {
  129. "name":"彭于晏",
  130. "role":"演员",
  131. "avatarAddress":"https://pic.maizuo.com/usr/movie/275a877d692f42246469d39d910b2c2e.jpg"
  132. },
  133. {
  134. "name":"刘雅瑟",
  135. "role":"演员",
  136. "avatarAddress":"https://pic.maizuo.com/usr/movie/b04fb03af43c87854fe63d045387efe3.jpg"
  137. }
  138. ],
  139. "director":"关智耀",
  140. "category":"剧情|犯罪",
  141. "synopsis":"年度犯罪动作巨制,刘德华十六年后再演反派!隐蔽的暗网成为新型贩毒的温床,一批重达数吨的毒品秘密抵达香港。形势紧迫,警方将动用一切手段,抓捕代号“老板”的幕后毒枭。更惊人的巨额交易,更难测的诡秘行踪,警方将如何面对史上最强劲的对手…",
  142. "filmType":{
  143. "name":"4D",
  144. "value":13
  145. },
  146. "nation":"中国大陆",
  147. "language":"",
  148. "videoId":"",
  149. "premiereAt":1703808000,
  150. "timeType":3,
  151. "runtime":114,
  152. "grade":"7.6",
  153. "item":{
  154. "name":"4D",
  155. "type":13
  156. },
  157. "isPresale":true,
  158. "isSale":false
  159. },
  160. {
  161. "filmId":6666,
  162. "name":"一闪一闪亮星星",
  163. "poster":"https://pic.maizuo.com/usr/movie/b5ef931e6d7f3419dbc2e196afaf1fc7.jpg",
  164. "actors":[
  165. {
  166. "name":"陈小明",
  167. "role":"导演",
  168. "avatarAddress":"https://pic.maizuo.com/usr/movie/1344414485c7f694a815c16f305bd234.jpg"
  169. },
  170. {
  171. "name":"章攀",
  172. "role":"导演",
  173. "avatarAddress":"https://pic.maizuo.com/usr/movie/36f40652ea04bb77dc1cddfb33ff5b72.jpg"
  174. },
  175. {
  176. "name":"屈楚萧",
  177. "role":"张万森",
  178. "avatarAddress":"https://pic.maizuo.com/usr/movie/4b52f56805599eafcdb33e84ff8b1d17.jpg"
  179. },
  180. {
  181. "name":"张佳宁",
  182. "role":"林北星",
  183. "avatarAddress":"https://pic.maizuo.com/usr/movie/4c04863d11d0d5eadb31ed9517b8f4b7.jpg"
  184. },
  185. {
  186. "name":"傅菁",
  187. "role":"高歌",
  188. "avatarAddress":"https://pic.maizuo.com/usr/movie/987deda7f7f3b9f5a7f5f4c3dfe380dd.jpg"
  189. }
  190. ],
  191. "director":"陈小明|章攀",
  192. "category":"爱情|奇幻",
  193. "synopsis":"现象级爆款剧集同名电影《一闪一闪亮星星》,原班人马再续纯爱故事,令无数观众翘首以盼的纯爱时空再启,奔赴甜虐暗恋!张万森(屈楚萧 饰)计划在高考后向暗恋已久的女生林北星(张佳宁 饰) 表白,突如其来的演唱会事故却让一切变成了一场无可挽回的悲剧,没想到的是,痛苦无助的张万森竟意外重启了这个夏天,再次回到悲剧发生前的林北星身边,而重启夏天的秘密,仿佛没有想象中那么简单……这一次,拼尽全力的张万森能否成功守护林北星,让所有刻骨铭心的遗憾都得以圆满?星河流转中的某个瞬间,青春里的那场绵绵大雪,能不能落在相爱的两人身上?",
  194. "filmType":{
  195. "name":"4D",
  196. "value":13
  197. },
  198. "nation":"中国大陆",
  199. "language":"",
  200. "videoId":"",
  201. "premiereAt":1703894400,
  202. "timeType":3,
  203. "runtime":107,
  204. "grade":"7",
  205. "item":{
  206. "name":"4D",
  207. "type":13
  208. },
  209. "isPresale":true,
  210. "isSale":false
  211. },
  212. {
  213. "filmId":6681,
  214. "name":"海王2:失落的王国",
  215. "poster":"https://pic.maizuo.com/usr/movie/94d069d3e037bb221d7b4b581ccaff51.jpg",
  216. "actors":[
  217. {
  218. "name":"温子仁",
  219. "role":"导演",
  220. "avatarAddress":"https://pic.maizuo.com/usr/movie/92ffc5d6b92f8b0056c40f36e870058a.jpg"
  221. },
  222. {
  223. "name":"杰森·莫玛",
  224. "role":" 海王 / 亚瑟·库瑞 Aquaman / Arthur Curry",
  225. "avatarAddress":"https://pic.maizuo.com/usr/movie/09387c9db47d1c5281122cf0f0d8e564.jpg"
  226. },
  227. {
  228. "name":"帕特里克·威尔森",
  229. "role":" 奥姆王 / 海洋领主 Orm / Ocean Master",
  230. "avatarAddress":"https://pic.maizuo.com/usr/movie/702e000b260107ac3c1f91a587826489.jpg"
  231. },
  232. {
  233. "name":"安柏·赫德",
  234. "role":" 湄拉 Mera",
  235. "avatarAddress":"https://pic.maizuo.com/usr/movie/e0dcf92b6ba1fb04dc25bcbd47978d8b.jpg"
  236. },
  237. {
  238. "name":"叶海亚·阿卜杜勒-迈丁",
  239. "role":" 黑蝠鲼 Black Manta",
  240. "avatarAddress":"https://pic.maizuo.com/usr/movie/0306404ed5846e8e15706173ce175168.jpg"
  241. }
  242. ],
  243. "director":"温子仁",
  244. "category":"动作|冒险|奇幻",
  245. "synopsis":"惊涛再起,王者归来!《海王2:失落的王国》讲述了海王的全新传奇。在上一次试图击败海王未果后,黑蝠鲼依然不甘放弃为父报仇,誓要消灭海王。这一次,他找到了传说中的黑暗三叉戟,释放出古老的邪恶力量,比以往更来势汹汹。为了与之抗衡,海王向被囚禁狱中的弟弟奥姆(也是前亚特兰蒂斯国王)求助,组成了出乎意料的联盟。他俩必须抛弃前仇旧怨,携手并肩作战,才能从即将到来的灾难中保卫王国,拯救家人,拯救世界。",
  246. "filmType":{
  247. "name":"3D",
  248. "value":2
  249. },
  250. "nation":"美国",
  251. "language":"",
  252. "videoId":"",
  253. "premiereAt":1703030400,
  254. "timeType":3,
  255. "runtime":125,
  256. "grade":"7.1",
  257. "item":{
  258. "name":"3D",
  259. "type":2
  260. },
  261. "isPresale":true,
  262. "isSale":false
  263. },
  264. {
  265. "filmId":6660,
  266. "name":"三大队",
  267. "poster":"https://pic.maizuo.com/usr/movie/88ea8dff563db98b06efcfc07acf5283.jpg",
  268. "actors":[
  269. {
  270. "name":"戴墨",
  271. "role":"导演",
  272. "avatarAddress":"https://pic.maizuo.com/usr/movie/7d35c5ad443c64db177b335dc52d8726.jpg"
  273. },
  274. {
  275. "name":"张译",
  276. "role":" 程兵",
  277. "avatarAddress":"https://pic.maizuo.com/usr/movie/ff9aafa8c6033a1277d5ecd65822f8ae.jpg"
  278. },
  279. {
  280. "name":"李晨",
  281. "role":"演员",
  282. "avatarAddress":"https://pic.maizuo.com/usr/movie/ed4778a23fdcb6bab9c5a6e6e333f92f.jpg"
  283. },
  284. {
  285. "name":"魏晨",
  286. "role":"演员",
  287. "avatarAddress":"https://pic.maizuo.com/usr/movie/2f21cf0e9f19dd93c25a53252e149b81.png"
  288. },
  289. {
  290. "name":"曹炳琨",
  291. "role":"演员",
  292. "avatarAddress":"https://pic.maizuo.com/usr/movie/4ebf2d26239818c2fe24f530587aaad8.jpg"
  293. }
  294. ],
  295. "director":"戴墨",
  296. "category":"剧情|犯罪",
  297. "synopsis":"电影《三大队》根据真实事件改编,原载于“网易人间工作室”,原作名为《请转告局长,三大队任务完成了》(作者深蓝)。刑侦大队队长程兵(张译 饰)带领的三大队在办理一起恶性案件的过程中导致嫌犯之一意外死亡,被判入狱。出狱后依然坚持以普通人身份追踪在逃嫌犯的故事。",
  298. "filmType":{
  299. "name":"4D",
  300. "value":13
  301. },
  302. "nation":"中国大陆",
  303. "language":"",
  304. "videoId":"",
  305. "premiereAt":1702598400,
  306. "timeType":3,
  307. "runtime":132,
  308. "grade":"7.4",
  309. "item":{
  310. "name":"4D",
  311. "type":13
  312. },
  313. "isPresale":true,
  314. "isSale":false
  315. },
  316. {
  317. "filmId":6713,
  318. "name":"大雨",
  319. "poster":"https://pic.maizuo.com/usr/movie/d686dcb6d31361bea1a5a539ca617183.jpg",
  320. "actors":[
  321. {
  322. "name":"不思凡",
  323. "role":"导演",
  324. "avatarAddress":"https://pic.maizuo.com/usr/movie/ad4489f1d473cf26b2965a69cba59dc1.jpg"
  325. },
  326. {
  327. "name":"陈浩",
  328. "role":"大谷子",
  329. "avatarAddress":"https://pic.maizuo.com/usr/movie/cb55fd265e16d6bde26f9e55d6cce4d0.jpg"
  330. },
  331. {
  332. "name":"何梓骞",
  333. "role":"馒头",
  334. "avatarAddress":"https://pic.maizuo.com/usr/movie/1064ae6850d00b5ac7c4c62c5d3b3f21.jpg"
  335. },
  336. {
  337. "name":"杏林儿",
  338. "role":"柳子彦",
  339. "avatarAddress":"https://pic.maizuo.com/usr/movie/a57cdbcc7939f414174769deca08621a.jpg"
  340. }
  341. ],
  342. "director":"不思凡",
  343. "category":"冒险|动画|奇幻",
  344. "synopsis":"重生大戏即将上演!沉没多年古船离奇现世,男孩馒头意外闯入,却发现船上聚集着诸多亡魂.... 一场大雨过后,“蝼蚁”重生,命运会有改变吗?",
  345. "filmType":{
  346. "name":"2D",
  347. "value":1
  348. },
  349. "nation":"中国大陆",
  350. "language":"",
  351. "videoId":"",
  352. "premiereAt":1705017600,
  353. "timeType":3,
  354. "runtime":101,
  355. "item":{
  356. "name":"2D",
  357. "type":1
  358. },
  359. "isPresale":true,
  360. "isSale":false
  361. },
  362. {
  363. "filmId":6690,
  364. "name":"非诚勿扰3",
  365. "poster":"https://pic.maizuo.com/usr/movie/009afc35e675c79ea43f3ba637bff015.jpg",
  366. "actors":[
  367. {
  368. "name":"冯小刚",
  369. "role":"导演",
  370. "avatarAddress":"https://pic.maizuo.com/usr/movie/8412ec8377d454f980c54149d48f9051.jpg"
  371. },
  372. {
  373. "name":"葛优",
  374. "role":" 秦奋",
  375. "avatarAddress":"https://pic.maizuo.com/usr/movie/5ae58b3ddff7b4046c65d69a353a03d2.jpg"
  376. },
  377. {
  378. "name":"舒淇",
  379. "role":" 梁笑笑 / 智能人梁笑笑",
  380. "avatarAddress":"https://pic.maizuo.com/usr/movie/c95b4ff9858887d1f9492119cb1c8e68.jpg"
  381. },
  382. {
  383. "name":"范伟",
  384. "role":" 老范",
  385. "avatarAddress":"https://pic.maizuo.com/usr/movie/a56e70a02d707abb0d4137fceb580671.jpg"
  386. },
  387. {
  388. "name":"虞书欣",
  389. "role":" 朱迪",
  390. "avatarAddress":"https://pic.maizuo.com/usr/movie/c6fc41a32cbf93d1e4b952431bf76596.jpg"
  391. }
  392. ],
  393. "director":"冯小刚",
  394. "category":"喜剧|爱情",
  395. "synopsis":"秦奋与梁笑笑,老狐狸与比目鱼,爱情故事万千,取其一对展开。两人结婚十年,梁笑笑找到心之所向,开始四海为家。一别之后,两地相悬。以为是三四月,又谁知五六七八九十年。好友老范,见其思念难解,忧其岁月蹉跎,故赠予一仿生智能人,模样若笑笑,伴其左右。岁月时而静好,时而吵闹,时而苦中有笑,智能人也日渐有了曾经佳人的味道。本是良辰美景,故事突发变故,又一笑笑开锁入门,一笑笑莞尔一笑,一笑笑笑里藏刀,一切如梦如幻,如真似假。秦奋射出的箭,如今正中自己的靶心。谁去谁留?且在跨年揭晓。",
  396. "filmType":{
  397. "name":"2D",
  398. "value":1
  399. },
  400. "nation":"中国大陆",
  401. "language":"",
  402. "videoId":"",
  403. "premiereAt":1703894400,
  404. "timeType":3,
  405. "runtime":119,
  406. "grade":"7.2",
  407. "item":{
  408. "name":"2D",
  409. "type":1
  410. },
  411. "isPresale":true,
  412. "isSale":false
  413. },
  414. {
  415. "filmId":6700,
  416. "name":"泰勒·斯威夫特:时代巡回演唱会",
  417. "poster":"https://pic.maizuo.com/usr/movie/b4d2198fef7758eb3565a0db4eaa93dd.jpg",
  418. "actors":[
  419. {
  420. "name":"萨姆·伦奇",
  421. "role":"导演",
  422. "avatarAddress":"https://pic.maizuo.com/usr/movie/f056a7a5b31ca6898193e832973c2d53.jpg"
  423. },
  424. {
  425. "name":"泰勒·斯威夫特",
  426. "role":"演员",
  427. "avatarAddress":"https://pic.maizuo.com/usr/movie/8a92e5918e2a69baffb71f30aa9e22b1.jpg"
  428. }
  429. ],
  430. "director":"萨姆·伦奇",
  431. "category":"音乐|纪录片",
  432. "synopsis":"革新观影释放无限音乐魅力,影院嗨唱体验盛大跨年狂欢!电影《泰勒·斯威夫特:时代巡回演唱会》由知名导演萨姆·伦奇执导,展现了全球流行音乐天后泰勒·斯威夫特2023年时代巡回演唱会的魅力音乐现场,极致呈现泰勒音乐生涯10张创作专辑内40余首歌曲的音乐能量,同时更以超强品质还原出巡回演出现场盛况,以电影视角缔造出2023最后一场狂欢盛宴。",
  433. "filmType":{
  434. "name":"2D",
  435. "value":1
  436. },
  437. "nation":"美国",
  438. "language":"",
  439. "videoId":"",
  440. "premiereAt":1703980800,
  441. "timeType":3,
  442. "runtime":169,
  443. "grade":"7.1",
  444. "item":{
  445. "name":"2D",
  446. "type":1
  447. },
  448. "isPresale":true,
  449. "isSale":false
  450. },
  451. {
  452. "filmId":6714,
  453. "name":"临时劫案",
  454. "poster":"https://pic.maizuo.com/usr/movie/768920ba2e0ffad2d2e257a86de8037d.jpg",
  455. "actors":[
  456. {
  457. "name":"郭富城",
  458. "role":" 梅蓝天",
  459. "avatarAddress":"https://pic.maizuo.com/usr/movie/bcb5b34461bff36771f7f7201090f057.jpg"
  460. },
  461. {
  462. "name":"林家栋",
  463. "role":"阿怂",
  464. "avatarAddress":"https://pic.maizuo.com/usr/movie/8c48d0deacebd51850d1e7f1750225d7.jpg"
  465. },
  466. {
  467. "name":"麦启光",
  468. "role":"导演",
  469. "avatarAddress":"https://pic.maizuo.com/usr/movie/89e46feada9580d690ba2882ecceb0f7.jpg"
  470. },
  471. {
  472. "name":"任贤齐",
  473. "role":"慕容辉",
  474. "avatarAddress":"https://pic.maizuo.com/usr/movie/64bf91459a63b384bdc6617a3677e511.jpg"
  475. },
  476. {
  477. "name":"张可颐",
  478. "role":" 姜姐",
  479. "avatarAddress":"https://pic.maizuo.com/usr/movie/73af7d02e867c4fc4efdd0845ae820cf.jpg"
  480. }
  481. ],
  482. "director":"麦启光",
  483. "category":"犯罪|喜剧",
  484. "synopsis":"2024开年莽片,郭富城、林家栋、任贤齐兄弟联手,上演“匪废组合”的荒诞抢劫故事!颓废中年难兄难弟阿怂(林家栋 饰)、慕容辉(任贤齐 饰)计划抢劫却意外被悍匪梅蓝天(郭富城 饰)搅局,阴差阳错间三人临时组队,巨款眼看到手,却被他人捷足先登,与此同时女警探姜姐(张可颐 饰)也将三人锁定,一时间匪徒各怀鬼胎,在“我打劫,你打劫我”的江湖规则下,一袋钱引发连续偶然事件......",
  485. "filmType":{
  486. "name":"2D",
  487. "value":1
  488. },
  489. "nation":"中国大陆,中国香港",
  490. "language":"",
  491. "videoId":"",
  492. "premiereAt":1705622400,
  493. "timeType":3,
  494. "runtime":97,
  495. "item":{
  496. "name":"2D",
  497. "type":1
  498. },
  499. "isPresale":true,
  500. "isSale":false
  501. }
  502. ],
  503. "msg":"ok"
  504. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/运维做开发/article/detail/801318
推荐阅读
相关标签
  

闽ICP备14008679号