Appcan Mobile application development project source sharing: Buzzing travel app development

Developer Introduction: Hometown of Hubei Patong Good mountain good water, Shennong Creek, the river, three Li City, etc. are good places to travel. The Mid-Autumn festival back to the hometown, see the original ecological landscape to attract a large number of tourists, thus germination of the idea: the use of mobile technology to develop an app to test water, the home attractions introduced to more people. Thus, the time-consuming one-month "buzz travel" came into being, the project source is hereby shared to the vast number of appcan developers.

Project implementation Features

User registration, login, travel notes to view and publish, view areas within the area, hotels, transportation, raiders and other information, content collection, comments and sharing, view maps, scenic tickets, hotel phone reservations.

Projects using plug-ins

Guide page

Guide Page 3 images using a full-screen slider, control the picture slide.

Home

Head carousel diagram, using the Uexscrollpicture plug-in, the image address from the background to get, dynamic display on the page. The menu bar below the carousel diagram is made up of Div, the picture information of the attraction and the strategy is displayed, the data is retrieved from the background, and the caching method is used. The bottom bar does not use tab, but instead uses the 4 div to display horizontally, clicking on any of them, showing the corresponding window.

Registration page

Attractions Page

In the attraction Details page, the booking module calls the Uexcall plugin and clicks to make a call. In addition, the address module calls the high-level map plugin, using the high-level map to set the center point, add annotations, open, close the compass, set a custom button, opened the map and close the map method, the use of the map before the GAO Tak map to the official web application for developers, according to the package name and signature Application key, Refer to the Appcan official documentation for specific steps.

In addition, the entire page sharing function is a floating window, to achieve sharing, friends Circle, QQ friends, QQ space, but also to copy the content to the Clipboard and send text messages. As follows:

Share module called the Uexweixin, Uexqq, uexsms, Uexclipboard plug-ins, which and QQ belong to the third-party plug-in, use before you need to apply for developers on the relevant website, get to AppID.

Discovery page

This page mainly uses tab to do the navigation bar, 5 floating windows can be sliding between the page to switch, you can also click to toggle.

Travel page

Travels page, the user can see the popular travels, click Write travels if not logged in, then prompted the user to log in, and then jump to the login page. Travel Notes Compose page, add picture module calls Uexactionsheet, Uexuploadermgr, ueximage and Uexcamera plug-ins, it is noteworthy that Uexactionsheet and ueximage only online packaging to see the effect.

Appcan Mobile application development project source sharing: Buzzing travel app development